Jquery中的選擇器

jquery中的選擇器有很多類，比如id選擇器，class選擇器，html標籤選擇器等。

id選擇器：就是通過乙個html元素的id來選擇它，因為html中的id是唯一的，所以通過id，我們可以找到唯一的html元素。

比如：我們可以通過$("#div1")來選擇外面的div，#是用來表示我進行的是通過id的選擇。

class選擇器：就是通過css中的class來選擇乙個元素或者多個元素。

比如上面的例子中，我們也可以通過class來選擇外面的div，$(".balck_tree"),括號裡的.表示我進行的是通過class的選擇。

html標籤選擇器:通過html的標籤來選擇元素，比如還是上面的例子，我們也可以用$("div")來選擇，不過要記住，這樣會選擇頁面上所有的div，所以他一般是用來選擇那些大類，然後配合其他的選擇器來使用。

$("*")所有元素

$("#lastname")id="lastname" 的元素

$(".intro")所有 class="intro" 的元素

$("p")所有 元素

$(".intro.demo")所有 class="intro" 且 class="demo" 的元素

$("p:first")第乙個 元素

$("p:last")最後乙個 元素

$("tr:even")所有偶數 元素

$("tr:odd")所有奇數 元素

$("ul li:eq(3)")列表中的第四個元素（index 從 0 開始）

$("ul li:gt(3)")列出 index 大於 3 的元素

$("ul li:lt(3)")列出 index 小於 3 的元素

$("input:not(:empty)")所有不為空的 input 元素

$(":header")所有標題元素 -

$(":contains('w3school')")包含指定字串的所有元素

$(":empty")無子（元素）節點的所有元素

$("p:hidden")所有隱藏的 元素

$("table:visible")所有可見的**

$("[href]")所有帶有 href 屬性的元素

$("[href='#']")所有 href 屬性的值等於 "#" 的元素

$("[href!='#']")所有 href 屬性的值不等於 "#" 的元素

$("[href$='.jpg']")所有 href 屬性的值包含以 ".jpg" 結尾的元素

$(":input")所有 元素

$(":text")所有 type="text" 的 元素

$(":password")所有 type="password" 的 元素

$(":radio")所有 type="radio" 的 元素

$(":checkbox")所有 type="checkbox" 的 元素

$(":submit")所有 type="submit" 的 元素

$(":reset")所有 type="reset" 的 元素

$(":button")所有 type="button" 的 元素

$(":image")所有 type="image" 的 元素

$(":file")所有 type="file" 的 元素

$(":enabled")所有啟用的 input 元素

$(":disabled")  所有禁用的 input 元素

$(":selected")所有被選取的 input 元素

$(":checked")所有被選中的 input 元素

jquery中的選擇器

1根據 id 具體的寫法jquery id 2根據名稱，body myform.text1 3css選擇器，p input radio documnet.forms 0 class div,p,span.class 層級 div p 子級的 元素 div p 子孫級的 元素 prev next 緊跟...

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