属性操作:
用于自带的属性或者自定义属性
对象标签.attr(属性名) 返回第一个匹配元素的属性值
对象标签.attr(属性名,属性值) 为匹配元素设置一个属性值
对象标签.attr({k1:v1,k2:v2}) 为匹配对象设置多个属性值
对象标签.removeAttr(属性名) 从每一个匹配元素中删除一个属性
用于checkbox和radio(坑)
prop() 获取属性
removeProp() 移除属性
注意:处理checkbox和radio的时候尽量使用特定的prop
prop和attr的区别:
prop和attr所指的属性不相同,attr指的是HTML标签属性,而prop所指的是DOM对象属性
可以认为attr是显式的,而prop是隐式的
示例:
<input type="checkbox" checked id= "l1" value= "1">
$("#i1").attr("checked") // checked
$("#i1").prop("checked") // true
说明attr只能作用域html标签内的属性,prop获取的是DOM对象属性或者说状态选中返回的是true 没有返回的是flase
prop不支持自定义属性
总结: 1.对于标签上有的能看到属性和自定义属性都用attr
2.对于返n的是否被选中或者设置其被选中与取消选中都用prop回布尔值比如checkbox radio 和optio
文档处理
添加到指定元素内部的后面
$(A).append(B) 把B追加到A
$(B).appendTo(A) 把B追加到A
添加到指定元素内部的前面
$(A).prepend(B) 把B前置到A内部的前面
$(B).prependTo(A) 把B前置到A内部的前面
添加到指定元素外部的前面
$(A).before(B) 将B添加到A的前面
$(B).insertbefore(A) 将B添加到A的前面
添加到指定元素外部的后面
$(A).after(B) 把B放到A的后面
$(A).insertAfter(B) 把A放到B的后面
移除和清空元素
$remove() 从Dom中删除所有匹配的元素(删除所有的内容包括标签)
$empty() 删除匹配到的元素内所有内容,但是不包括匹配到的标签
替换
replaceWith()
replaceAll()
克隆
clone() 克隆