jquery梳理之常用選擇器

2021-09-14 08:29:45 字數 1896 閱讀 8079

$('#id')
$('.class')

//相當於原生:document.getelementsbyclassname('class')

$(div | p | span | input ...)

//相當於原生:document.getelementsbytagname('div');

$('*')

//相當於原生:document.getelementsbytagname('*');

$('parent > child')

//選擇parent節點下的child節點,child節點只能是直接節點,如果是child下的child節點則獲取不到

$('parent child')

//選擇parent節點下的所有child節點

$('current + dom')

//選擇與current節點同級的下乙個dom節點(有且僅有乙個)

$('current ~ other')

//選擇與current節點同級的所有other節點

$('div:first')    //匹配第乙個元素

$('div:last') //匹配最後乙個元素

$('div:not(selector)') //匹配所有,但不匹配selector

$('div:eq(index)') //返回指定index元素的jquery物件

$('div:lt|gt(index)') //返回小於或大於指定index元素的集合

$('div:[ odd | even ]') //返回索引為 奇數 或者 偶數 的元素集合

$('div:header') //返回所有h1 ~ h6的集合

$('div:root') //返回根節點元素

$('div:animated') //返回所有動畫元素

$('div:has(span)') //返回div下包含的所有span元素

$('div:parent') //返回div下所有包含子元素或者文字節點的元素

$('div:empty') //返回div下所有沒子元素或者文字節點的元素

$('div:contains(匹配的文字)')
$('dom:visible')    //返回所有顯示的元素

$('dom:hidden') //返回所有隱藏的元素,其中包含display=none,visibility=show,opacity=0,隱藏表單

$(':input')    //匹配所有input radio checkbox textarea button select元素

$(':text') //匹配所有文字框元素

$(':password') //匹配所有密碼框元素

$(':radio') //匹配所有單選框元素

$(':checkbox') //匹配所有核取方塊元素

$(':image') //匹配所有影象域

$(':submit') //匹配所有提交按鈕

$(':reset') //匹配所有重置按鈕

$(':file') //匹配所有文字域

$('dom:enabled') //匹配所有可用元素

$('dom:disabled') //匹配所有禁用元素

$('dom:checked') //匹配所有選中的input元素

$('dom:selected') //匹配所有選中的option元素

jquery 常用選擇器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...

jQuery常用選擇器

1.所有的函式大體分為四組 1 dom操作函式 2 事件處理函式 3 動畫函式 4 ajax操作 2.jquery函式的特性 1 幾乎所有的函式都自帶迴圈功能,可以對選中的元素進行遍歷 2 幾乎所有的函式都返回jquery物件本身,可以實現方法的鏈式呼叫 3 jquery物件轉換為dom物件 div...

jquery 常用選擇器

層次選擇器 div p 選取div下的所有的p元素 div p css border 1px solid red 只選取div下的直接子元素 相鄰的元素 divp cs s b orde r 1pxs olid red 與 div nextall p 等價 表示div後面的 所有p兄弟元素 div ...