jquery中的選擇器

2021-04-27 21:25:02 字數 1021 閱讀 9421

1根據id,$("#id"),具體的寫法jquery("#id")

2根據名稱,$(body),$(myform.text1)

3css選擇器,$("p"),$("input:radio",documnet.forms[0]),$(".class"),$("div,p,span.class")

層級$("div > p"),子級的p元素

$("div  p"),子孫級的p元素

$("prev+next")緊跟著prev的next元素

$("prev~next")prev後面的所有next元素

簡單$("tr:first")第乙個tr元素,$("tr:last"),$("input:not(:checked)")非chekced元素,$("tr:even")奇元素,$("tr:odd")偶元素,$("tr:eq(0)")等於,$("tr:lt(2)")元素小於2,$("tr:gt(2)")元素大於2

$("li:nth-child(even|odd|index|2n+1)")與前面的不同在於把所有的元素進行分組來選擇,比如有多少ul組則每個組都有乙個第index元素,而上面那個則是把所有的放在一起算,$("li:first-child|last-child|only-child")

$("div:contains('john')")div的內容中包含,$("div:empty")沒有內容的,$("div:has(p)")包含p元素的,$("div:parent")有子元素或者文字的的

$("div:hidden"),$("div:visible")可見性

$("div[id][abc='a'][a!='a'][b^='man'][c$='c'][d*='man']")元素有id屬性,屬性值等於,不等於,以man開頭,以c結尾,屬性包含man這個值

$(:input)選擇所有的表單元素,$(input)選擇input元素,$(:text)選擇文字框,$(:checkbox),$(select),$(input:enabled),$(input:disabled),$(input:checked),$(select:selected)

Jquery中的選擇器

jquery中的選擇器有很多類,比如id選擇器,class選擇器,html標籤選擇器等。id選擇器 就是通過乙個html元素的id來選擇它,因為html中的id是唯一的,所以通過id,我們可以找到唯一的html元素。比如 我們可以通過 div1 來選擇外面的div,是用來表示我進行的是通過id的選擇...

jQuery中的選擇器

我們知道原生 中使用document.getelementbyid id 獲取指定id的dom物件 在jquery中可以通過 識別符號 選擇器選擇頁面中任一元素 id 根據元素的 id屬性獲取指定的元素 element 根據元素的名稱獲取指定的元素 selector1,selector2 匹配所有滿...

jQuery中的選擇器

jquery中的選擇器分成3類,分別是基本選擇器 層次選擇器和過濾選擇器。1.選擇id為one的元素 one 2.選擇class為nimi的所有的元素 nimi 3.選擇標籤名是div的所有元素 div 4.選擇所有的元素 5.組合選擇器,比如選擇所有的span元素和id為two的元素 span,t...