码迷,mamicode.com
首页 > 其他好文 > 详细

对象访问

时间:2016-07-05 22:31:29      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

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

 

对象访问

标签:

原文地址:http://www.cnblogs.com/black-humor/p/5645019.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!