Jquery查找元素的方法汇总

Jquery查找元素的方法汇总

通过具体的class，id,标签查找

$('div')                   // 所有div元素
$('.item')                 // class为item的元素
$('#main')                 // id为main的元素
$('#main span, .item')     // id为main内的span 或 class为item的元素
$('*')                     // 文档中所有元素
$('#main > *')             // id为main的所有的子元素
$("label + input")         // label元素的下一个input元素
$("#main ~ div")           // 同胞选择器, id为main的同一个父元素的div元素

通过属性查找、模糊查找

$ ， ！ ， * ， @ ， ^

$('div[name]')         // 有属性name的div元素
$('div[name="item"]')  // 属性name 等于 item的div元素
$('[name!="item"]')    // 属性name 不等于 item的元素
$('[name*="box_"]')    // 属性name 包含 box_的元素
$('[name$="_item"]')   // 属性name以_item 结尾 的元素
$('[name^="item_"]')   // 属性name以item_ 开始 的元素

$('a[href*="/detail/"]')               // href包含/detail/的a标签
$('a[href*="/detail/"][name="item"]') // href包含/detail/的a标签 且name 等于 item的元素

通过内容查找

$('span:contains("详情")')
$("td:empty")         // 选择所有的为空（也不包括文本节点）的td元素的数组
$("div:has(p)")       // 所有含有p标签的div元素
$("td:parent")        // 所有的以td为父节点的元素数组

可视化过滤

$("div:hidden")