JQuery 选择器

来源:互联网 发布:怎么用网络赚钱 编辑:程序博客网 时间:2024/06/13 06:23

JQuery 选择器
//基础选择器

$('tagname')$('#myid')$('.myclass')$('*')$('tagname,#myid,.myclass')

//等级,层次选择器

$('div tagname')  tagname为div之下好多层都可以识别$('li > ul')  ul为li的子元素$('strong + em')  strong和em 选择同一级的一个选择器$('strong ~ em')  strong和em 选择同一级的所有选择器

//基本的筛选器

$('li:first')$('li:last')$('li:not(li:first)')$('li:even')偶数$('li:odd')奇数$('li:eq(1)')等于序号1$('li:gt(2)')大于序号2$('li:lt(3)')小于序号3$(':header')$(':animated')

//内容选择器

$('li:contains(neirong)')$('li:empty') $('li:has(a)')$('p:parent')

//可视化程度选择器

$(':hidden')$(':visible')

//元素选择器

$('li[class]')$('li[xxx="a"]')$('li[rel!="b"]')$('li[class^="my"]')  classmy开头$('li[class$="my"]')   classmy结尾$('li[class*="my"]')  class包含my$('a[rel][href][title="my"]') 满足所有列举条件

//child filters

$('li:first-child')$('li:last-child')$('li:nth-child(even)')$('li:nth-child(odd)')$('li:nth-child(1)')$('li:nth-child(2n)')$('li:only-child')

//form

$(':input')$(':text')$(':password')$(':radio')$(':checkbox')$(':submit')$(':image')$(':reset')$(':button')$(':file')

//form filters

$('input:enabled')$(':disabled')$(':checked')$(':selected')
0 0
原创粉丝点击