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