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("world");   结果:

hellowolrd

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

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

4:prependTo():前置

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

       $("p").after("world");   结果:

hello

wolrd

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

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

        $("p"),wrap("

");  结果:

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():回到最近的一个破坏性操作之前,列表变成前一次的状态。

你可能感兴趣的:(Jquery)