对象访问
1, each 遍历用法:
<div>div1</div>
<div>div2</div>
<div>div3</div>
<div>div4</div>
<input type="button" value="点击"/>
<script>
$("input").click(function(){
$("div").each(function(){
$("this").html("这是第"+(n+1)+"个")
});
});
</script>
2,length 和size() 都是个数的意思。
DOM文档处理:
内部插入:
- $(a).append($(b)) :把b插入a中(a里面的后面)
- $(b).appendTo($(a))
- $(a).prepend($(b)):把b插入a中(a里面的前面)
- $(b).prependTo($(a)):把a插入b中
外部插入 :
- $(a).after($(b)):把b插入a的后面(外面的后面)
- $(b).inserAfter($(a))
- 举例:
<div></div>
<input type="button" value="点击"/>
<script>
$("input").click(function(){
$("div").after($("<b>加粗这句话出现在div之外的后面<b>"))
})
</script>
包裹:
Wrap: $(a).wrap($(b))
把a用b包裹起来,每个都被包裹
Unwrap: 取消包裹
wraoAll:把所有的都被一个包裹起来。
wrapInner:内部包裹。多了一级,比他小一级,
比他的内容大一级或多级。
替换
$(a).replaceWith($(b))
$(b).replaceAll($(a))
用a 替换b。
删除
empty() : 只是删除内容。
Remove():删除标签。
复制
clone:复制出一模一样的元素。