層次選擇器
選擇後代元素:空格 父元素 後代元素
選擇直接子元素:> 父元素》子元素
緊鄰的後面所有的兄弟元素:~ 前元素~後元素 必須是緊鄰的
所有兄弟元素 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...