对象访问

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))

 

ab包裹起来,每个都被包裹

 

Unwrap: 取消包裹

 

wraoAll:把所有的都被一个包裹起来。

 

wrapInner:内部包裹。多了一级,比他小一级,

 

比他的内容大一级或多级。

替换

$(a).replaceWith($(b))

$(b).replaceAll($(a))

  用a 替换b。

删除

  empty() : 只是删除内容。

Remove():删除标签。

复制

  clone:复制出一模一样的元素。

 

posted @ 2016-07-05 21:02  黑默  阅读(202)  评论(0编辑  收藏  举报