jquery笔记

筛选选择器:主要是方法

1.children(selector)

例如: $("div").children("li");

相当于$("div>li"),子类选择器

2.find(selector)
例如:$("div ").find("li");

相当于$("div  li"),后代选择器

3.sibings(selector)

查找兄弟节点,不包括自己本身

4.parent()
查找父亲
5.eq(index)
相当于过滤选择器---$("selector:eq(index)"),index从0开始
6.next()
查找下一个兄弟
7.prev
查找上一个兄弟

属性选择器:

1.$("selector[type=属性名]")
例如:$("input[type=text]")

2.$("selecter[属性名]")

例如:$("div[class]")  选择所有带class属性的div

常见的选择器:

1.id选择器

2.类选择器

3.标签选择器

4.属性选择器

5.过滤选择器

6.筛选选择器

7.伪类选择器

8.伪元素选择器

             伪元素after,before

           例如:before

          div::before{

               content:"我"

                   }

<div>今年</div>

必须带一个属性content,意思是在div内部,“今年”内容的前面,插入我,理所应当“今年”往后移动

整个还在div这个盒子里面,这个before其实是个盒子,是行内的盒子,行内元素。

9层次选择器

  1)子代选择器:

$("div>ul")

  2)后代选择器

$("div ul")

10.并集选择器:

$("div,p,span")使用,隔开。只要满足之一就可以了

11.交集选择器

$("div.red")

是div并且类名是red,注意选择器与选择器之间没有空格。

原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11609183.html