常用的一些jQuery操作

什麼是jQuery：js架構，是對js代碼的封裝，提高開發效率，降低開發難度

JS對象與jQuery對象互相轉換的文法	轉換文法
将JS對象轉換為jQuery對象	$(JS對象)
将jQuery對象轉換為JS對象	jq對象[索引] jq對象的本質就是數組

基本選擇器	文法
ID選擇器	$("#ID值")
類選擇器	$(".類名")
标簽選擇器	$(“标簽名”)

層級選擇器	說明	文法
獲得A元素内部的所有的B元素	B元素是A元素的子孫元素都可以	$(“A B”)
獲得元素下面的所有B子元素	B元素必須是A元素的子元素	$(“A>B”)
獲得A元素同級，下一個B元素	A與B是同級的兄弟元素 如果A是老二，B是老三	$(“A+B”)

屬性選擇器	文法
獲得有屬性名的元素	标簽名[屬性名]
獲得屬性名等于指定值元素	标簽名[屬性名=屬性值]
獲得屬性名不等于指定值元素	标簽名[屬性名！=屬性值]
複合屬性選擇器，多個屬性同時過濾	标簽名[屬性1][屬性2]

基本過濾選擇器	文法
獲得選擇的元素中的第一個元素	:first
獲得選擇的元素中的最後一個元素	:last
不包括指定内容的元素	:not
偶數，從0開始計數	:even
奇數，從0開始計數	:odd
等于第幾個	:eq(index)
大于第n個，不含第index個	:gt(index)
小于第n個，不含第index個	:It(index)

表單屬性選擇器	文法
可用	：enabled
不可用	：disable
選中（單選radio，多選checkbox）	：disabled
選擇（下拉清單中的）	:selected
不可見元素	：hidden

常用事件方法	說明
blur()	失去焦點事件
change()	值改變資料
click()	單擊事件
dblclick()	輕按兩下事件
focus()	獲得焦點事件
keydown()	鍵盤按下事件
keyup()	鍵盤松開事件
mouseover()	滑鼠移入事件
mouseout()	滑鼠移出事件
submit()	表單送出事件
hover(function,function)	滑鼠懸停事件（參數1：當滑鼠移入時觸發，參數2：當滑鼠移出時觸發 ）

事件綁定	文法
JQ對象.on（ “事件名”，function(){} ）;	給JQ對象關聯的元素動态綁定事件 參數1：事件名 參數2：事件回調函數
事件解綁	文法
JQ對象.off(“事件名1 事件名2”)	解綁JQ對象的指定事件
JQ對象.off()	解綁JQ對象的所有事件

JQuery對象周遊方式	說明
JQ對象.each(function(index,element))	對JQ對象進行周遊 傳遞回調函數：參數1：索引值，參數2：周遊到的元素
$.each(數組，function(index,element))	對JQ對象進行周遊 參數1：要周遊的JQ對象 參數2：回調函數：參數1：索引值，參數2：周遊到的元素

方法名	功能描述
html()	擷取元素标簽體内容
html(“HTML”)	設定元素标簽體内容
text()	擷取标簽體内容：隻是文本
text(“文本”)	設定标簽體内容：有子标簽會原樣輸出
val()	擷取表單元素的值
val(“值”)	設定表單元素的值

方法名	功能描述
attr（“屬性名”）	擷取屬性值
attr(“屬性名”，“屬性值”)	修改或添加屬性
prop(“屬性名”)	擷取屬性值
prop(“屬性名”，“屬性值”)	修改或添加屬性
removeAttr(“屬性名”)	删除屬性
removeProp(“屬性名”)	删除屬性

如何選擇attr()和prop():

1.如果屬性值是boolean類型，使用prop()方法。如：selected,checked等

2.其它類型的屬性使用attr().