什么是jQuery选择器?
要想操作页面中的元素,必须先取得这个元素,而jQuery选择器就是jQuery提供给我们解决这个问题的办法。jQuery中的选择器完全继承了CSS的风格。利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加行为,而无需担心浏览器是否支持这一选择器。
jQuery选择器的优势
1、简洁的写法
在jQuery中使用$()函数作为选择器函数使用,例如$("#ID")用来代替getElementById()方法,$("tagName")用来代替getElementsByTagName()方法,这样写比使用DOM方法写要方便的多。
2、支持CSS1到CSS3选择器
jQuery选择器支持CSS1、CSS2的全部和CSS3的部分选择器,同时它也有少量独有的选择器。使用CSS选择器时需要考虑浏览器是否支持某些选择器,但在jQuery中,则无需担心这个问题。
3、完善的处理机制
使用传统的DOM方式获取页面中并不存在的元素并操作这个元素时,就会报错,但jQuery则不会。需要注意的是:由于$()获取的永远是对象,即使要获取的元素在网页中并不存在,也就是说它不会返回null,所以要检查某个元素是否存在时,不能使用以下方法:
if( $("cr") ){
// do something
}
可以转换成DOM对象来判断:
if( $("cr")[0] ){
// do something
}
jQuery选择器分类
- 基本选择器
- 层次选择器
- 过滤选择器
- 表单选择器