jQuery选择器

1、什么是jQuery选择器

1)jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面的元素的精准定位,才能完成元素属性和行为的处理。

选择器是jQuery的根基,在jQuery中,对象的事件处理,遍历DOM和Ajax操作都依赖于选择器

2)jQuery选择器的优点:

简洁的写法

完善的事件处理机制

支持CSS1到CSS3选择器

2、     jQuery选择器的种类

1).基本选择器

    基本选择器是jQuery中最常见的选择器,也是最简单的选择器,它通过元素id,class和标记名来查找DOM元素

2).层次选择器

    如果想通过DOM元素之间的层次关系来获取特定元素,就需要使用层次选择器

3).过滤器选择器

    过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,该选择器都以“:”开头,过滤选择器又分以下几种

4).表单选择器

表单选择器主要是通过所选择的表单元素进行过滤

5).属性选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素   

7).内容过滤器选择器

内容过滤选择器的过滤规则主要体现在它所包含的子元素和和文本内容上

8).可见性过滤选择器

可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素

3、 jQuery中的选择器 和 css中的选择器有区别吗?

答:jQuery选择器支持CSS里的选择器,jQuery选择器可用来添加样式和添加相应的为CSS 中的选择器是只能添加相应的样式。

4、 siblings() 方法 和 $('prev~div')选择器是一样的嘛?

答: $('prev~div') 只能选择'#prev'元素后面的同辈<div>元素而siblings()方法与前后的位置无关,只要是同辈节点就都能匹配。

posted @ 2018-04-18 12:12  Mr丶Gim  阅读(94)  评论(0)    收藏  举报