jQuery學習筆記

2022-08-22 22:06:16 字數 1375 閱讀 3796

1.jquery基本選擇器:

#id:根據id匹配乙個元素

.class:根據給定的class匹配元素

element:根據標籤匹配元素

*:匹配所有元素

selector1,selector2:將每乙個選擇器匹配到的元素一起返回

2.層次選擇器

$("ancestor descendant"):選擇ancestor下的descendant元素

$("parent>chid"):選擇parent下child元素

$("prev+next"):選取緊接在prev元素後的next元素,可以用$(".one").next("div")來代替

$("prev~siblings"):選取prev元素之後所有的siblings元素,可以用$(".one").nextall("div")來代替

3.過濾選擇器

$(:first):選擇第乙個元素

$(:last):選取最後乙個元素

$(:header):選取所有標題元素

$(:animated):選取當前正在執行動畫的所有元素

$(:focus):選取當前獲取焦點的元素

$(:contains(text)):內容過濾選擇器,選取所有包含text的文字

$(:empty):選取不包含子元素或者文字為空的元素

$(:has(selector)):選取含有選擇器匹配元素的元素

$(:parent):選取含有子元素或者文字的元素

$(:visible):選取所有可見的元素

$(:hidden):選取所有隱藏的元素

屬性過濾選擇器:

[attribute]:選取擁有屬性的元素,如[id]指擁有屬性id的元素的集合

[attribute:value]:選取屬性值為value的的元素

:nth-child():選取對應的子元素,如nth-child(2)選取索引值是2 的元素(index從1算起)

表單物件選擇器:

:enabled:選取所有可用的元素

:disables:選取所有不可用的元素

:checked:選取所有被選中的元素,單選框和核取方塊

:selected:選取所有被選中的元素,下拉列表

:input:選取所有集合元素

:radio:選取所有的單選框

例子:選擇乙個特定的**使其變色:

$("#tb tbody tr:even") :選取id為tb,然後尋找tbody標籤,tr索引為偶數的被選中。

jquery中獲取物件元素時,有無空格是不一樣的

var $t_a=$('.test :hidden') 選取class為test的元素裡的隱藏元素

var $t_b=$('.test:hidden')選取隱藏的class為test的元素

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...