jQuery常⽤选择器有哪些?
jQuery常⽤选择器有哪些?
jQuery⾥⾯使⽤最频繁的选择器应该就是
id选择器$('#element-id')
class选择器$('.class-name')
标签选择器$('element-name')了。另外还有:
1.层次选择器(能者多劳)
通过DOM元素间的层次关系获取元素,主要层次关系包括后代、⽗⼦、相邻、兄弟关系等。
根据祖先元素匹配所有后代元素: $('ancestor descendant')
根据⽗元素匹配所有的⼦元素: $('parent > child')
匹配所有紧接在prev元素后的相邻元素: $('prev + next')
匹配prev元素之后的所有兄弟元素:$('prev ~ siblings')
2.过滤选择器(能者多劳)
过滤选择器根据某类过滤规则进⾏元素的匹配,以:开头。过滤选择器⼜分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、⼦元素过滤选择器和表单对象属性过滤选择器。
简单过滤选择器
获取第⼀个和最后⼀个元素:
$(':first')
$(:last')
获取所有索引值为偶数和奇数的元素,索引值从0开始:
$(':even')
$(':odd')
获取等于、⼤于和⼩于索引值的元素:
$(':eq(index)')
$(':gt(index)')
$(':lt(index)')
获取除给定的选择器外的元素:
$(':not(selector)')
内容过滤选择器
获取包含给定⽂本的元素:$(':contains(text)'):
获取所有不包含⼦元素或者⽂本的空元素:$(':empty')
获取含有选择器所匹配的元素的元素: $(':has(selector)')
获取含有⼦元素或⽂本的元素: $(':parent')
可见性过滤选择器
获取所有不可见的元素,或者type为hidden的元素:
$(':hidden')
获取所有可见的元素:
$(':visible')
属性过滤选择器
获取包含给定属性的元素: $('element[attribute]')
获取属性是给定值的元素: $('element[attribute=value]')
获取属性不是给定值的元素:$('element[attribute!=value]')
获取属性是以给定值开始的元素:$('element[attribute^=value]')获取属性是以给定值结束的元素: $('element[attribute$=value]')获取属性是包含给定值的元素: $('element[attribute*=value]')
⼦元素过滤选择器
jquery是什么有什么作用
获取⽗元素下的第⼀个、最后⼀个⼦元素:
$(':first-child')
$(':last-child')
表单对象属性过滤选择器
获取表单中所有被选中的元素:$(':checked')
获取表单中所有被选中option的元素:$(':selected')
3.表单选择器
通过它可以在页⾯中快速定位某表单⾥⾯写的元素。
获取所有input、textarea、select等input元素:$(':input')
获取所有单⾏⽂本框:$(':text')
获取所有密码框:$(':password')
获取所有单项按钮:$(':radio')
获取所有复选框:$(':checkbox')
获取所有提交按钮:$(':submit')
获取所有图像域:$(':image')
获取所有重置按钮:$(':reset')
获取所有按钮:$(':button')
获取所有⽂件域:$(':file')