jQuery基础知识

一、几种基础选择器的区别：

          *选择器：功能是获取页面中的全部元素，可以使用如 $("div *") 的方式获取<div>元素的全部子元素；

          sele1,sele2,seleN选择器：精确的选择任意多个指定的元素；

          ance desc选择器：$("ance desc"), 两个参数都可以通过选择器来获取。比如<div>元素中包含的几代元素里都有<span>元素，就可以用这个选择器把这几个元素给定位出来；

          parent > child 选择器：$(“parent > child”), 所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈；

          prev + next 选择器：$(“prev + next”), 选择器可查找与“prev”元素紧邻的下一个“next”元素；

          prev ~ siblings 选择器：$(“prev ~ siblings”), 获取prev元素后面全部相邻的同辈元素。

二、几种过滤性选择器的区别：

          :first/last过滤选择器：常常与其他选择器一起使用，获取指定的一组元素中的第一个（最后一个）元素；

          :eq(index)过滤选择器：可以从一组标签元素数组中，灵活选择任意的一个标签元素；

          :contains(text)过滤选择器：通常与其他元素结合使用，获取包含"text"字符串内容的全部元素对象；

          :has(selector)过滤选择器：功能是获取选择器中包含指定元素名称的全部元素；

          :hidden过滤选择器：功能是获取全部不可见的元素，这些不可见的元素中包括type属性为hidden的元素；

          :visible过滤选择器：与以上过滤选择器相反；

          [attribute = value]属性选择器：  比如：$("li[title='我最爱']")  ；

          [attribute != value]属性选择器：与以上过滤选择器相反；

          [attribute *= value]属性选择器：获取属性值中包含指定内容的全部元素，比如：$("li[title*='最']") ；

          :first-child子元素过滤选择器：可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理；

          :last-child子元素过滤选择器： 可以获取每个父元素中返回的最后一个子元素，它是一个集合，常用多个集合数据的选择处理。

 

             

 

转载于:https://www.cnblogs.com/sandyclaire1990/p/4555250.html