jQuery中的選擇器

選擇器的作用

獲取網頁的上面的標籤元素等等，然後對他進行一些列的操作（新增樣式，新增行為。。。）

一：基本選擇器

基本選擇器是jquery最常用的選擇器，也是最簡單的選擇器，通過元素id,class,標籤名稱來查詢

dom元素（在網頁中id只能使用一次，id是唯一的，但是class允許重複使用的）

1、id選擇器

用法：$("#id名稱"); 返回單個元素的組成的集合

2、class（類選擇器）

用法：$(".class") ;返回集合元素

說明：.class就是樣式名稱

3、element(標籤選擇器)

用法：$("span,p,div"); 返回集合元素

4、$("*") :返回集合元素，匹配所有元素

二：層次選擇器

1：parent child :祖先後代

三：過濾選擇器

1、基礎過濾選擇器（也是最常用的的過濾選擇器）

:not(select)

用法：$(input:not(select)) 返回集合元素

說明：去除所有與給定選擇器匹配的元素。有點類似於「非」

:first 找到第乙個元素

:last 找到最後乙個元素

:odd 匹配下標為基數的元素

:even 匹配下標為偶數的元素

:eq("下標") 匹配制定下標的元素

:gt("下標") 匹配索引值大於給定下標的元素（不包含本身）

:lt("下標") 匹配索引值小於給定索引值的元素（不包含本身）

2、內容過濾選擇器

：contains（「文字內容」） 匹配元素是否包含指定的文字內容

：has（標籤元素） //匹配含有選擇器所匹配的元素的元素

：empty //匹配元素內容為空的元素

：parent //匹配含有子元素或者文字的元素

3、屬性過濾選擇器

[attribute=value] :屬性過濾選擇器就是通過元素的屬性來獲取相應的元素

例如： $("input[name='chk']").attr("checked", true); --就是把name為chk的核取方塊的checked 返回的是乙個集合

屬性改為true;

**例項：

4、可見度過濾選擇器

：hidden 篩選隱藏的元素（type="hidden",css: display="none"）

: visible 篩選可見的元素

5、子元素過濾選擇器

:nth-child(index/even/odd/equation)

注意：這裡的索引值從1開始，而eq是從0開始

：first-child 找到第乙個子元素

：last-child 找到最後乙個子元素

：only-child 匹配只有乙個子元素的元素

6、 表單物件屬性過濾選擇器

：disabled 篩選不可用元素

：enabled 篩選可用的元素

: checked 篩選被選中的核取方塊

: selected 篩選下拉框被選中的元素

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中的選擇器

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 匹配所有滿...