jQuery -選擇器

jQuery語法是為HTML元素的選取編制的,可以對元素執(zhí)行某些操作。

基礎語法:

使用$定義iquery函數

選擇符(selector)來查詢和查找HTML元素

jQuery的action()執(zhí)行對元素的操作

iquery元素選擇器

jQuery 使用 CSS 選擇器來選取 HTML 元素。

?$("p") 選取<p>元素。

$("p.intro")?選取所有?class="intro"?的<p>元素。?

$("p#demo")?選取?id="demo"?的第一個<p>元素。

jQuery屬性選擇器

jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。

?$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']")?選取所有帶有?href?值等于?"#"?的元素。?

$("[href!='#']")?選取所有帶有?href?值不等于?"#"?的元素。

?$("[href$='.jpg']")?選取所有?href?值以?".jpg"?結尾的元素。

$(‘div[自定義標簽 ]’) 可以選擇到

jQuery層次選擇器

針對一系列很多相同的標簽的元素選擇

標簽A+冒號+first/last ?表示選擇很多相同標簽中的第一個標簽

標簽A+空格+冒號+first/last ? 表示選擇很多相同標簽中的第一個標簽中的行內標簽

上一級標簽A~下一級標簽B ? 表示A標簽下面的選擇的所有的B標簽

標簽+冒號+not(‘標簽名’) ?表示選中的 標簽內的內容不變化

標簽+冒號+even ?偶數選擇器(且從0開始計數)

標簽+冒號+odd ? ?奇數選擇器 (且從0開始計數)

標簽+冒號+eq(數字)? 則選中的標簽為數字加一(且從0開始計數)

標簽+冒號+gt(數字) ?大于數字的所有元素

標簽+冒號+lt(數字)? 小于數字的所有元素

(‘冒號+header’)? 選取好h~6的標簽

(‘冒號+animated’) 選取正在執(zhí)行動畫的元素

內容過濾選擇器 格式為:$(‘選擇器’)

標簽+冒號+contains(“字符”)對含有該字符的段落的樣式進行改變

標簽+冒號+contains(“標簽B”)對含有該字符的標簽的段落的樣式進行改變

標簽+冒號+has(“標簽”)

標簽+冒號+empty ?標簽中為空

標簽+冒號+parent ? ?選取含有子元素或者文本的標簽

可見性選擇器

標簽+冒號+hidden ?選擇頁面上不可見的標簽(當標簽是占據位置時是不能用的)

標簽+冒號+visible ?選擇可見的標簽

子元素過濾選擇器

冒號+first-child ?選擇父元素第一個子元素

冒號+last-child 選擇父元素最后一個子元素

冒號+onlychild 選擇父元素最后一個子元素的元素

冒號+nth-child(表達式) 選取父元素中的第X個元素,X由表達式決定

冒號+first-of-type ?選取所有相同元素的第一個兄弟元素

冒號+last-of-type? 選取所有相同元素的最后一個兄弟元素

冒號+nth-last-child(表達式) 選擇所有他們父元素的第n個子元素,計數從最后一個元素開始到第一個。

冒號+only-of-type ?冒號+nth-of-type ?冒號+nth-last-of-type

表單元素選擇器

冒號+input ? ?input標簽的value

冒號+text ? ?input標簽的value

冒號+password ? ?input標簽的value

冒號+radio ??

冒號+checkbox

冒號+submit

冒號+image

冒號+reset

冒號+button? input標簽的value

冒號+file ? ?input標簽的value

冒號+hidden (條件①肉眼看不見②在網頁上不占據位置)

表單屬性選擇器

冒號+enabled ?選擇所有可用元素

冒號+disabled ?選擇所有不可用元素

冒號+checked ?選擇可有選中元素

冒號+selected ?選取所有被選中的選項元素

冒號+focus ?選擇當前獲取焦點的元素

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容