属性操作:
用于自带的属性或者自定义属性
对象标签. 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() 克隆
来源: http://www.bubuko.com/infodetail-2995603.html