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')

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。