1,$(".lists")得到一個類數(shù)組
要獲取第一個 :$(".lists").eq(0)
2,
var jqDOM="<div>這是添加的jq對象</div>"
$(".ct").append(jqDOM)
3,選擇器的書寫
基本選擇器
圖片.png
圖片.png
圖片.png
圖片.png
圖片.png
圖片.png
圖片.png
圖片.png
JQ選擇器
兄弟元素獲取 | 含義 |
---|---|
.next([selector]) | 匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合 |
.prev([selector]) | 匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合 |
.nextAll([selector]) | 獲得每個匹配元素集合中每個元素所有后面的同輩元素,選擇性篩選的選擇器 |
.prevAll([selector]) | 獲得每個匹配元素集合中每個元素所有前面的同輩元素,選擇性篩選的選擇器 |
.siblings([selectors]) | 獲得匹配元素集合中每個元素的兄弟元素,可以提供一個可選的選擇器 |
父子元素獲取 | 含義 |
---|---|
.parent([selector]) | 取得匹配元素集合中,每個元素的父元素,可以提供一個可選的選擇器 |
.parents([selector]) | 獲得集合中每個匹配元素的祖先元素,可以提供一個可選的選擇器作為參數(shù) |
.children([selector]) | 獲得匹配元素集合中每個元素的子元素,選擇器選擇性篩選 |
.find([selector]) | 查找符合選擇器的后代元素 |
篩選當前結(jié)果集 | 含義 |
---|---|
.first() | 獲取當前結(jié)果集中的第一個對象 |
.last() | 獲取當前結(jié)果集中的最后一個對象 |
.filter(selector), .filter(function(index)) | 篩選當前結(jié)果集中符合條件的對象,條件可以是選擇器或函數(shù) |
.not(selector), .not(function(index)) | 從匹配集合中移除指定的元素,和filter相反 |
.is(selector), is(function(index)), is(dom/jqObj) | 判斷當前匹配的元素集合中的元素,是否為一個選擇器,DOM元素,或者jQuery對象,如果這些元素至少一個匹配給定的參數(shù),那么返回true |
.has(selector), .has(dom) | 篩選匹配元素集合中的那些有相匹配的選擇器或DOM元素的后代元素 |
4,.detach()和remove()
都是刪除某個元素
detach()刪除元素,保留元素和綁定在它身上的事件
remove()刪除元素,只保留元素,不會保留綁定在它身上的事件
5,wrap()和wrapAll()
wrap():給每個元素包裹一層指定的html 如:<div></div>
wrapAll():把所有的元素看成一個整體,這個整體被包裹一個html
a.wrapInner(b):把b包裹在a里面
a.unwrap():把a的包裹層刪除
6,
jq選擇器選擇出來的類數(shù)組可以直接使用來綁定事件,不用循環(huán)每個元素綁定(或使用事件代理)
//$("li")獲取多個li
$("li").on("click",function(){})