jQuery學習筆記

2021-08-30 08:18:26 字數 2466 閱讀 8304

層次選擇器

選擇後代元素:空格 父元素 後代元素

選擇直接子元素:> 父元素》子元素

緊鄰的後面所有的兄弟元素:~ 前元素~後元素 必須是緊鄰的

所有兄弟元素 siblings()這個函式 本身元素.siblings()

選取不相鄰的下乙個兄弟元素 nextall(元素名:first)

選取前面的兄弟元素 prev() prevall()

基本過濾選擇器

:first選取第乙個元素

:last選取最後乙個元素

:not(選擇器)選擇指定選擇器之外的元素

:even 選擇索引值為偶數的元素,注意:索引值從0開始

:odd 選擇索引值為奇數的元素

:gt(索引值) 選擇索引值大於指定索引值的元素

:eq(索引值) 選擇索引值等於指定索引值的元素

:lt(索引值) 選擇索引值小於指定索引值的元素

:header 選擇所有的標題元素

:animated 選擇所有正在執行動畫的元素

內容過濾選擇器

:contains(text) 選擇含有指定文字的選擇器

:empty 選擇空的元素

:has(選擇器) 選擇包含匹配指定選擇器的元素

:parent 選擇有子元素或文字元素的元素(當爹的)

可見性過濾選擇器

:visible 選擇可見的元素

:hidden 選擇所有不可見的元素(注意:選中不等於在頁面上顯示,要想在頁面上顯示,需借助show()

表單隱藏域無法使用show()方法在頁面上顯示,但是選中後,可以獲取操作其值

屬性過濾選擇器

[attribut]含有指定屬性的元素

[attribut=value]含有指定屬性,且屬性值為指定值的元素

[attribut!=value]屬性值不等於value的元素,注意:沒有指定屬性的元素也會被選中,如果想準確指定,需使用組合選擇器,例如:[title][title!=test]

[attribut^=value]屬性值以value開始的元素

[attribut$=value]屬性值以value結尾的元素

[attribut*=value]屬性值包含value的元素

[selector1][selector2]注意:[selector2]在[selector1]的選擇後的結果的範圍內進行選擇

子元素過濾選擇器

父元素:nth-child(索引值) 每乙個父元素下指定索引值的子元素,索引值從1開始

父元素:first-child(索引值) 每乙個父元素下第乙個子元素

父元素:last-child(索引值) 每乙個父元素下最後乙個子元素

父元素:only-child(索引值) 如果乙個父元素下存在著乙個單獨的子元素,那麼就選擇它

表單元素過濾選擇器

表單元素:enabled 選擇可用的表單元素

表單元素:disabled 選擇不可用的表單元素

單選框(或核取方塊):checked 匹配單選框或多選框被選中的

對於多選框來說,所有被選中的元素返回值是乙個陣列,不能直接使用val()返回所有的值,需要使用each()方法進行遍歷

"select :selected" 選擇被選中的下拉列表項

$("#btn5").click(function());

});dom操作

查詢節點

[1]元素節點:jquery選擇器

[2]元素屬性:attr()或其他方法

[3]文字節點:text()讀寫

建立節點

$(html**) $("廣州")

注意:html**格式規範

新建立的節點,不會自動新增到文件中

插入節點

[1]根據父子關係插入

prepend()

$("#game").prepend("丟沙包");

prependto()

$("跳房子").prependto("#game");

[2]根據兄弟關係插入

after() 大哥.after(小弟) 大哥後面跟著乙個小弟

$("#bj").after("長春");

insetafter() 小弟.insertafter(大哥) 大哥我要跟著你

$("重慶").insertafter("#bj");

before() 小弟.before(大哥) 大哥請你罩著我

$("#rl").before("跳皮筋");

insertbefore() 大哥.insertbefore 大哥說:我來罩著你

$("彈球").insertbefore("#rl");

刪除節點

在js中,是父元素.removechild(要刪除的節點) 父親把兒子掃地出門

在jquery中,要刪除的節點.remove() 兒子離家出走

$("#jpfc").remove();

父元素.empty()刪除全部子節點和後代節點

$("#city").empty();

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