对象访问

Posted 2020-08-03 黑默

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：复制出一模一样的元素。