jQuery复制节点实例

news/2024/7/11 1:46:09 标签: jQuery
<script type="text/javascript">
  $(function(){
     $("ul li").click(function(){
         $(this).clone().appendTo("ul"); // 复制当前点击的节点,并将它追加到<ul>元素
     })   
  });
  </script>
 <script type="text/javascript">
  $(function(){
     $("ul li").click(function(){
         $(this).clone(true).appendTo("ul"); // 注意参数true
         //可以复制自己,并且他的副本也有同样功能。新产生的节点点击同样有效。 
     })   
  });
  </script>

http://www.niftyadmin.cn/n/1732339.html

相关文章

如何让div总是显示在最上层,而不致于被其他div遮挡

若有多个div层&#xff0c;某个层一直在最上面可以在最上面的层加上样式&#xff1a;&#xff1a;position:absoulte;z-index:5555; 把它的位子给设置一下就可以了&#xff01; flash图层置于最上面&#xff1a; 自己&#xff1a;将<param name"wmode" value&quo…

jQuery中该如何防止冒泡事件

冒泡事件就是点击子节点&#xff0c;会向上触发父节点&#xff0c;祖先节点的点击事件。 下面是html代码部分&#xff1a;<body><div id"content">外层div元素<span>内层span元素</span>外层div元素</div><div id"msg"&g…

jQuery中的mouseleave和mouseout区别

$("li").each(function(i) {//删除的鼠标划过的显示与隐藏$(this).mouseover(function() {$(this).find(".del").fadeIn(10);})$(this).mouseleave(function() {$(this).find(".del").fadeOut(10);})})上面的代码如果不是用的mouseleave而是mous…

JQuery实现突破滑动效果实例

parents([expr])取得一个包含着所有匹配元素的祖先元素的元素集合&#xff08;不包含根元素&#xff09;。可以通过一个可选的表达式进行筛选。获取的是集合。 HTML 代码:<html><body><div><p><span>Hello</span></p><span>He…

Jquery 中has()方法以及与find()方法以及filter()方法的区别详解

has(selector选择器或DOM元素) 将匹配元素集合根据选择器或DOM元素为条件&#xff0c;检索该条件在每个元素的后代中是否存在&#xff0c;将符合条件的的元素构成新的结果集。 下面举一个例子&#xff1a;<ul><li>list item 1</li><li>list item 2&l…

jQuery中的mouseenter和mouseleave事件

今天做一个下拉菜单的时候碰到了一个bug&#xff0c;用mouseout的时候&#xff0c;鼠标还没移出拉菜单就自动关闭了&#xff0c; 看案例&#xff1a;http://www.css88.com/demo/mouseleave/2.html 经过几番查阅发现了jQuery中还有mouseenter和mouseleave事件&#xff0c;这两个…

用Jquery轻松实现网页换肤

现在介绍网页换肤的例子已经数不胜数&#xff0c;自己也没有仔细研究过&#xff0c;刚搞遇到类似这个问题&#xff0c;网上查了资料解决了问题&#xff0c;感觉很有用&#xff0c;就记录了下来和大家分享一下。效果很简单&#xff0c;我就直接讲怎么使用的。 其中用到了jquery.…

jQuery hover 与 mouseover 与mouseout 的区别

以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别&#xff0c;应该是一样的。但昨天一个动画效果才让我见识了&#xff0c;这两个并不能等同。 <div class"wrapper"> <div class"img"></div> <d…