摘要：$(document).ready(function(){}) 頁面加載完畢運行,windows.onload=function(){}基本選擇器：$('#id')根據(jù)給定的id獲取元素名$('.class')根據(jù)給定的class獲取元素名$('element&
$(document).ready(function(){}) 頁面加載完畢運行,windows.onload=function(){}
基本選擇器：
$('#id')根據(jù)給定的id獲取元素名
$('.class')根據(jù)給定的class獲取元素名
$('element')根據(jù)標(biāo)簽獲取元素名
$('*')匹配所有元素
$('#id，.class,*')多個獲取獲取元素名
$('.class').css('background','red') 改變該class背景顏色
jquery層級選擇器
$('父級元素 > 自己元素') 給定的父級元素下匹配所有自己元素
$('祖先元素 后代元素') 給定的祖先元素下匹配所有后代元素
$('prev + next')(同級元素) 匹配緊跟在prev元素后面的next元素
$('prev ~ siblings') 匹配prev元素后面所有的siblings元素
jquery順序選擇器
1.順序
$(':frist') 第一個選擇器
$(':last') 最后一個選擇器
2.比較
$(':gx(x)') 表示大于值x的元素
$(':lt(x)') 表示小于值x的元素
3.奇偶數(shù)
$(':odd') 奇數(shù)順序
$(':even') 偶數(shù)順序
4.非
$(':ont(selector)') 匹配不是selector的所有元素
jquery內(nèi)容選擇器
$(':contains(text)') 匹配包含給定文本（text）的元素
$(':has(selector)') 匹配包含特定選擇器元素的元素
$(':empty') 匹配空元素（內(nèi)部不含有任何子元素）
$(':parent') 匹配含有子元素或者文本的元素
jquery屬性選擇器
$('[元素名]') 匹配包含給定屬性的元素
$('input[type=text]') 匹配input給定屬性是某個特定值的元素
$('[attribute!=value]') 匹配所有不含有指定屬性值得屬性，或者是屬性不等于特定值的元素
$('[attribute^=value]') 匹配給定屬性是以某些值開始的元素
$('[attribute$=value]') 匹配給定屬性是以某些值結(jié)尾的元素
$('[attribute*=value]') 匹配含有子元素或者文本的元素
$('[attrSel[1] attrSel[1] attrSel[1]') 符合選擇器，需要同時滿足多個條件是使用
jquery表單選擇器
$(':enabled') 所有激活的input元素（可以使用的input元素）
$(':disabled') 所有禁用input的元素（不可以使用的input元素）
$(':selected') 所有被選取的input元素（針對selected元素）
$(':checked') 所有被選中的input元素
jquery改變/獲取css屬性
$('選擇器').css('background','red') 改變單個
$('選擇器').css({'background'：'red'，'background'：'red'}) 改變多個
$('選擇器').css('background') 獲取單個
jquery操作屬性的方法
$('選擇器').addClass('class名 class名') 該方法向被選中的元素添加單個類或者多個類(多個用空格隔開)
$('選擇器').removeClass() 該方法向被選中的元素移除類或者移除多個類(多個用空格隔開)
$('選擇器').attr() 該方法設(shè)置或者返回被選中的元素的元素值
$('選擇器').removeAttr() 該方法從被選中的元素的移除屬性
$('選擇器').hasClass() 該方法檢查被選中的元素的是否包含指定class
$('選擇器').toggleClass() 該方法對被選中的元素進行添加刪除類的切換操作
jquery設(shè)置內(nèi)容
text() 該方法返回或者設(shè)置備選中的元素的文本內(nèi)容
html() 該方法返回或者設(shè)置備選中的元素的內(nèi)容(innerHtml,html)
val() 該方法返回或者設(shè)置的備選元素的值
jquery事件
ready() 文檔加載完成
click() 點擊事件
dblclick() 雙擊事件
blur() 當(dāng)元素失去焦點
focus() 當(dāng)元素獲取焦點
change() 當(dāng)元素（文本框）內(nèi)容改變
mouseover() 當(dāng)指針位于元素上發(fā)生
mouseenter() 當(dāng)指針穿過于元素上時發(fā)生
mousemove() 當(dāng)指針在指定元素中移動時，就會發(fā)生改事件
mouseeleave() 當(dāng)指針離開元素時
mouseout() 當(dāng)指針從元素上移開時
mousedow() 當(dāng)鼠標(biāo)移動到元素上方并按下鼠標(biāo)按鍵時
mouseup() 當(dāng)在元素上松開鼠標(biāo)按鍵是
resize() 當(dāng)調(diào)整當(dāng)前瀏覽器窗口大小時
pageX() 屬性是鼠標(biāo)指針的位置，在x軸
pageY() 屬性是鼠標(biāo)指針的位置，在Y軸
focus() 當(dāng)元素獲取焦點
jquery事件切換
hover(over,out)
over:鼠標(biāo)以上元素上要觸發(fā)的函數(shù)
out:鼠標(biāo)移出元素上要觸發(fā)的一個函數(shù)
toggle() 如果元素是可見的就隱藏，取反
批改老師：天蓬老師批改時間：2019-01-21 09:06:48
老師總結(jié)：選擇器總結(jié)的非常棒, 特別是表單選擇器, 這是一個重點