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，注意选择器与选择器之间没有空格。