jQuery：基础学习（2）属性，CSS，文档，元素筛选

三：属性

1：attr()：获取匹配的元素集合中第一个元素的属性值，或设置匹配元素的属性值

2：removeAttr()：从匹配元素中删除一个属性

3：prop()： --1.6增加-- 获取匹配元素中第一个元素的属性值或设置匹配元素的属性，代替attr()；可以用来检索和更改DOM属性，比如checked,selected,disabled等状态。

                      $("img").prop("src","test.jpg")               $("input").prop("disabled",false)

4：removeProp()：代替removeAttr()，删除.prop()方法设置的属性值

5：addClass()：为匹配的元素添加指定的类名，多个类名用空格分开

6：removeClass()：删除指定类

7：toggleClass()：存在类就删除，不存在就添加

8：html()：取得第一个匹配元素的html内容

9：text()：取得所有匹配元素的文本内容

10：val()：获得匹配元素的当前值 （加上参数val，则为设定元素的值）

四：CSS处理

1：css()：访问匹配元素的样式属性

2：offset()：设置或返回当前元素对于当前文档的偏移

3：position()：获取匹配元素相对于父元素的偏移

4：scrollTop()：相对于滚动条顶部的偏移   scrollLeft()：相对于滚动条左侧的偏移

5：height()：当前计算的高度值px；width()：宽度值

    innerHeight()：元素内部区域高度（包括补白，不包括边框）；innerWidth()：宽度

    outerHeight()：外部高度（默认包括补白和边框）；outerWidth()：宽度

五：文档处理

1：append()：向每个匹配的元素内部添加内容

      $("p").append("<b>world</b>");   结果：<p>hello<b>wolrd</b></p>

2：appendTo()：把所有匹配的元素追加到另一个元素集合中（上面的左右反操作）

3：prepend()：向每个匹配的元素内部添加前置内容

4：prependTo()：前置

5：after()：向匹配的元素之后插入内容

       $("p").after("<b>world</b>");   结果：<p>hello</p><b>wolrd</b>

6：before()：之前插入内容

7：wrap()：把匹配的元素用结构化标记包裹起来

        $("p"),wrap("<div class='a'></div>");  结果：<div class="a"><p></p><p></p></div>

8：unwrap()：移除父元素，即把上面的div去掉

9：replaceWith()：将所有匹配的元素替换成指定的HTML或DOM元素

10：empty()：删除匹配元素集合中所有的子节点（包括文本内容）

11：remove()：从DOM中删除匹配的元素，该元素不会从JQ中删除，但其绑定的事件等都被删除（事件不删除用detach()）

六：元素筛选器

1：eq()：获取第N个元素，index 前数从0开始算起；-index 后数从1开始算起

2：first()：last()：

3：hasClass()：检查当前元素是否含有某个类，有则返回true

4：is()：检测匹配元素集合，至少有一个元素符合则true

5：map()：将一组元素转换成其他数组

6：has()：保留含有特定后代的元素

7：not()：去掉与表达式匹配的元素

8：slice()：选取一个匹配元素的子集start:子集开始的位置；end

9：children()：取得每一个元素的所有子元素的集合

10：find()：找到与表达式匹配的后代元素

11：next()：元素紧邻的后面同辈元素  prev()：前面

12：parent()：取得包含所有匹配元素的唯一父元素的集合

13：parents()：取得祖先元素的集合

14：end()：回到最近的一个破坏性操作之前，列表变成前一次的状态。