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 ?選擇當前獲取焦點的元素