Jquery學習筆記

2021-07-09 22:49:08 字數 2142 閱讀 2509

常規選擇器

選擇器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...