jquery动态生成元素鼠标响应方法live()函数

最简单的方法

当点击按钮时，隐藏或显示 p 元素：

 代码如下 复制代码
$("button").live("click",function(){
  $("p").slideToggle();
});

jQuery在动态生成HTML元素后,如果该元素集合中有鼠标点击CLICK事件。

这时点击无响应,需要用到.live()方法使生成的动态元素依然保持页面装载后的效果,使鼠标点击事件生效。

 代码如下 复制代码

jQuery(document).ready(function(){
 var contentTR=$('.info tr:eq(0)').html();
 var e=0;
    $('.addrow').click(function(){
  e=e+1;
 
        $(".info .addrow").parent().parent().before('<tr>' + contentTR + '</tr>');
  $(".info tr:eq("+e+")").find("input:eq(0)").attr("name","a"+e);
  $(".info tr:eq("+e+")").find("input:eq(1)").attr("name","b"+e);
  $(".info tr:eq("+e+")").find("select:eq(0)").attr("name","c"+e);
  $(".info tr:eq("+e+")").find("input:eq(2)").attr("name","d"+e);
  $(".info tr:eq("+e+")").find("input:eq(3)").attr("name","f"+e);
 
  });
  $('.del').live('click',function(){
            $(this).parent().parent().remove();
                });
        });
时间： 2024-12-24 02:02:30

jquery动态生成元素鼠标响应方法live()函数的相关文章

jQuery操作动态生成的内容的方法_jquery

本文实例讲述了jQuery操作动态生成的内容的方法.分享给大家供大家参考,具体如下: 由于jQuery是页面一加载获取页面元素的,后期动态生成的元素,通过$("#xxxx")获取不到,需要用原始的js语句来获取: document.getElementById("xxx").value 对于动态生成的元素,bind绑定的事件 也无法触发,需要通过jQuery提供的另外一个方法 .live() 这个方法是基本是的 .bind() 方法的一个变体.使用 .bind()

jQuery动态创建元素以及追加节点的实现方法_jquery

我们知道js中有三种动态创建元素的方法,jQuery中也可以动态的创建元素 例如: var str = $("<a href='http://www.jb51.net'></a>"); $("ul").append(str); //将动态创建的str元素追加到ul下面 追加节点 在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素,位置),在jQuery中是 append 追加在父元素的最后一个子节点

JQuery 动态生成Table表格实例代码_jquery

JQuery动态生成Table表格 主要用到了JQuery中的append和appendto的方法,具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type&quo

php动态生成版权所有信息的方法

 这篇文章主要介绍了php动态生成版权所有信息的方法,实例分析了php时间与字符串的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了php动态生成版权所有信息的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 function copyright($start, $owner) { $date = date('Y'); echo " Copyright "; if ( $start < $date ) { echo &

jQuery获得子元素个数的方法

 本文实例讲述了jQuery获得子元素个数的方法.分享给大家供大家参考.具体分析如下: 1 2 3 4 //获取id=div1下的子元素的个数 $('#div1').children().length; //获取id=div1下的span元素个数 $('#div1').children('span').length;

jQuery动态背景图片效果实现方法_jquery

本文实例讲述了jQuery动态背景图片效果实现方法.分享给大家供大家参考.具体如下: 这里把背景图片按照1.jpg - 20.jpg放到目录里,jQuery会随机调用这些图片作为背景 $(document).ready(function(){ bgImageTotal=20; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=('/my/image/path/'+randomNumber+'.jpg'); $

javascript-JS 动态生成元素 怎么让他添加一个包容DIV或者说，我怎么让他四个换一行呢？

问题描述 JS 动态生成元素 怎么让他添加一个包容DIV或者说,我怎么让他四个换一行呢? 为什么我一开始是4个一行...后来是一个一行? 谷歌F12看了一下,代码都是一个格式生成的呀?我如何给他包一个div去控制格式,或者说写一个JS去让他四个换行?有大神能解释一下为什么这个布局会这样子? JS代码: function addlink(){ var x = 1; var linkdiv = document.getElementById("friendlink"); if (linkd

jQuery获得子元素个数的方法_jquery

本文实例讲述了jQuery获得子元素个数的方法.分享给大家供大家参考.具体分析如下: //获取id=div1下的子元素的个数 $('#div1').children().length; //获取id=div1下的span元素个数 $('#div1').children('span').length; 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , 获得

jQuery动态修改超链接地址的方法_jquery

本文实例讲述了jQuery动态修改超链接地址的方法.分享给大家供大家参考.具体实现方法如下: html代码如下: <a id="jb51" href="http://www.haotu.net">好图网</a> 通过jQuery更换此超级链接的链接地址为http://www.jb51.net,代码如下: $("button").click(function(){ $("#jb51").attr(&quo