会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

来源: 作者: 发布时间:2007-02-06
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks

clone()

复制一个jQuery对象

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){ 
     $("#test").clone().appendTo($("a")); 
}

复制$("#test")然后插入到<a>后,执行后相当于

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

empty()

删除匹配对象的所有子节点

<div id="test">
  <span>span</span>
  <p>after</p>
</div>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){ 
    $("#test").empty(); 
}

执行后相当于

<div id="test"></div><a href="#" onClick="jq()">jQuery</a>

insertAfter(expr)   insertBefore(expr)

按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)

prepend (html)  prepend (elem)  prepend (elems)  

在匹配元素的内部且开始出插入
通过下面例子区分append(elem)  appendTo(expr)  prepend (elem)

<p id="a">p</p>
<div>div</div>

执行$("#a").append($("div")) 后相当于

<p id="a">
  P
  <div>div</div>
</p>

执行$("#a").appendTo($("div")) 后 相当于

<div>
   div
   <p id="a">p</p>
</div>

执行$("#a").prepend ($("div")) 后 相当于

<p id="a">
   <div>div</div>
   P
</p>

remove() 

删除匹配对象
注意区分empty(),empty()移出匹配对象的子节点,remove(),移出匹配对象


相关文章

  • 如何用jquery返回一个DOM对象

    作者: http://www.csser.com 首先我们针对以下html源码获取p对象: divimg src="test1.jpg"/ pimg src="test2.jpg"//p/di

  • jQuery入门指南第一步

    用jquery开始吧 这个指南是对jquery库的一个总的介绍,当然你也被要求具备javascript和DOM(文档对象模型)的相关知识。该

  • jQuery函数$支持的参数总结

    作者: http://www.csser.com/ jquery 函数支持的 参数总结,如有遗漏请指出,谢谢: 1、jquery 对象支持接受 html 字符串

  • jQuery的选择器的使用

    无常翻译: http://wuchang.cnblogs.com wuChang@guet.edu.cn QQ: 3263262 Retrieved from " http://www.docs.jquery.com/

  • XHTML代码规范

    文章来源:网页设计师 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定

  • DOCTYPE(文档类型)简介

    先来看一段代码声明: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

  • 在MOZ(firefox)下使没有空格的英文折行

    原文: 在MOZ(firefox)下使没有空格的英文折行 作者:比尔-盖帽 解决办法: IE: 在容器的css中加word-break:break-all

  • HTML元素的默认CSS设置

    Google了一下,这篇文章属于老文了,鉴于它还是比较实用的文章,所以转过来,没看过的可以看一下,早就看过的就温习下,出