首页 > 开发 > JQuery > 正文

jquery基础选择器,过滤性选择器

2016-05-18 19:11:43  来源:慕课网
    **【jquery基础性选择器】**

   1、#id选择器

   2、element选择器

   3、class选择器

   4、*选择器

   5、select1、select2、selectN选择器

   6、ance desc选择器,返回子元素和孙元素

   7、parent>child选择器,返回子元素

   8、prev+next选择器、返回紧邻下一个元素,有且只有一个

   9、prev~sibings选择器,返回紧邻下的所以元素

**【jquery过滤性选择器】【:开头】**

   1、:first  :last过滤选择器,获取指定一组元素中的第一个元素和最后一个元 素。例如:$("li:first.css()"),$("li:last.css()")选择第一个li和最后一个li

   2、:eq(index)过滤选择器,获取一组中的任意一个标签元素,---index表示搜引号,例如:$("li:eq(3)")选择第2个li的值

   3、:contains(text)过滤选择器,按照文本内容来查找,$("li:contains('我们)").css()

   4、:has(selector)过滤选择器,包含的元素名称来过滤 ,比如$("li:has('label')").css()

   5、:hidden过滤选择器,获取全部不可见的元素,比如var $strhtml=$("p:hidden").html();

   6、:visible过滤选择器,获取全部可见的元素

   7、[attribute=value]属性选择器,通过元素属性获取元素,如:$("li[title='蔬菜']").css("background-color", "green");

   8、[attribute!=value]属性选择器

   9、[attribute*=value]属性选择器,获取属性值中包含某一指定内容的全部元素,如$("li[title*='果']").css("background-color", "green");

   10、:first-child子元素过滤选择器,获取每个父元素中返回的首个子元素,它是一个集合,$("li:first-child").css("background-color", "green");

   11、:last-child子元素过滤选择器