常規選擇器
選擇器css模式
jquery模式
描述元素名
div{}
$('div')
獲取所有div元素的dom物件
id#box{}
$('#box')
獲取乙個id為box元素的dom物件
類(class)
.box{}
$('box')
獲取所有class為box的所有dom物件
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$('#box>p').css('color', 'red')
$(function())
選擇器css模式
jquery模式
描述群組選擇器
span,em,.box{}
$('span, em, .box')
獲取對個選擇器的dom物件
後代選擇器
ul li a{}
$('ul li a')
獲取追朔到的多個dom物件
通配選擇器
*{}$('*')
獲取所有元素標籤的dom物件
div
divdiv
divppp
pstrongstrongstrongstrong
$(function())
層次選擇器
選擇器css模式
jquery模式
描述後代選擇器
ul li a {}
$('ul li a')
好去追朔到的多個dom物件
子選擇器
div > p{}
$('div p')
只獲取字類節點的多個dom物件
next選擇器
div + p{}
$('div + p')
只獲取某節點後乙個同級dom物件
nextall選擇器
div ~p{}
$('div ~ p')
獲取某個節點後面所有同級dom物件
屬性選擇器(超連結中使用較多)
css模式
jquery模式
描述a[title]
$('a[title]')
獲取具有這個屬性的dom物件
a[title=num1]
$('a[title=num1]')
獲取具有這個屬性=這個屬性值的dom物件
a[title^=num]
$('a[title^=num]')
獲取具有這個屬性且開頭屬性值匹配的dom物件
a[title|=num]
$('a[title|=num]')
獲取具有這個屬性且等於屬性值或開頭屬性值匹配後面跟乙個「-」號的dom物件
a[title$=num]
$('a[title$=num]')
獲取具有這個屬性且結尾屬性值匹配的dom物件
獲取具有這個屬性且不等於屬性值dom物件
a[title~=num]
$('a[title~=num]')
獲取具有這個屬性且屬性值時以乙個空格分割的列表,其中包含屬性值的dom物件
a[title*=num]
$('a[title*=num]')
獲取這個屬性且屬性值含有乙個指定字串的dom物件
a[[bbb][title=num]]
$('a[bbb][title=num1]')
獲取具有這個屬性且屬性值匹配的dom物件
過濾器
jquery學習筆記
判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...
Jquery 學習筆記
text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...
Jquery學習筆記
1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...