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