`

jquery append插入页面元素之后,元素无法事件监听

 
阅读更多
  我的js代码中有这么一句:
   $("#testcontent").append("<br><input type='radio' name='answer' value='c'/>C:"+optionc);(促发点击事件后调用的)
  

   可是append进去的单选按钮 在下面这段代码中无反应。
   $("input[type='radio']").click(function(){
      alert($(this));

  });
   通过查找资料得知是 click方法或者bind方法都无法绑定未来添加元素的事件。
   而live方法可以
,而后改成:
   $("input[type='radio']").live('click',function(){
if($(this).val()==answer){
alert($(this).val());
}
   })
  
   顺便罗嗦一句:$(this)得到的是jquery对象; 而this而且html的DOM对象。

分享到:
评论
1 楼 javamaox 2011-12-22  
唉?我都是用bind重新绑定事件的呀。难道版本问题。

相关推荐

    解决jQuery使用append添加的元素事件无效的问题

    这是因为这些新添加的元素在页面加载时并不存在,所以jQuery无法为它们预先绑定事件处理器。 jQuery提供了`on`方法来解决这个问题。`on`方法自jQuery 1.7版本起成为绑定事件处理程序的主要方式,它取代了`bind`、`...

    jQuery为动态生成的select元素添加事件的方法

    6. 动态添加元素到页面中:在需要的时候,使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中,从而使得select元素变得可用。 7. 绑定事件到...

    Jquery内容插入光标处插件

    jQuery的核心功能包括选择器(用于找到页面中的元素)、DOM操作(如添加、删除或修改元素)和事件处理。例如,`$`符号是jQuery的简写,用于创建jQuery对象,而`.append()`和`.prepend()`方法则可以将内容添加到元素...

    jquery实现页面局部刷新

    **jQuery 实现页面局部刷新详解** 在Web开发中,页面刷新是常见的操作,但全局刷新会导致整个页面重新加载,这可能会浪费用户的时间和流量。为了提高用户体验,我们常常需要实现页面局部刷新,即只更新页面中特定...

    jQuery复制移除表单元素代码.zip

    表单元素的动态操作可能还需要考虑前端验证,确保用户输入的有效性,这可以通过jQuery的事件监听和验证库如validate.js实现。 总之,这个压缩包中的代码演示了如何利用jQuery进行动态表单元素操作,包括复制和移除...

    jquery登录和管理页面

    《jQuery实现后台登录与管理页面详解》 在Web开发领域,jQuery作为一个强大的JavaScript库,以其简洁的API和高效的性能,广泛应用于网页交互和动态效果的实现。本篇将重点探讨如何利用jQuery技术来构建后台登录界面...

    完整jquery实现的购物网站页面

    1. **事件处理**:例如,当用户点击某个商品时,jQuery可以通过`.click()`方法监听该事件,并触发相应的函数,如显示商品详情或添加到购物车。 2. **DOM操作**:使用`$(selector).html()`, `.append()`, `.remove()`...

    jQuery复制表单元素代码.zip

    由于新复制的元素在复制时并未存在于DOM中,它们可能无法直接绑定事件。此时,可以使用事件委托,如`.on()`方法,将事件处理程序绑定到一个静态父元素上,然后根据事件冒泡来处理新添加的元素。例如,监听所有输入框...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    在使用jQuery进行DOM操作时,append、prepend、before和after方法是经常使用的,它们可以帮助开发者以不同的方式动态地修改页面内容。同时,appendTo、prependTo、insertBefore和insertAfter则是对应的以元素为目标...

    jquery_事件方法大全.doc

    jQuery 事件方法是 jQuery 库中的关键组成部分,用于处理用户交互和页面动态更新。下面将详细介绍这些方法: 1. **事件绑定**: - `.on()`: 这是 jQuery 中用于绑定事件的主要方法,可以绑定多种类型的事件,如 `...

    jQuery如何获取动态添加的元素

    这就是说,如果使用传统的事件绑定方法,比如jQuery的.bind()方法,这些方法只会影响当前已存在的元素,对于之后动态添加到DOM中的元素则不产生效果。 在较早的jQuery版本中,.live()方法被引入,用来解决动态元素...

    jQPage(动态解析数组获得页面元素)

    4. **事件绑定**:如果需要,还可以在动态生成的元素上绑定事件监听器,比如点击事件,这样用户交互也能得到响应。 5. **优化性能**:为了提高性能,可以考虑使用jQuery的`.detach()`和`.empty()`方法,先删除现有...

    jQuery新浪微博发布页面代码.rar_edgeofl_jQuery新浪微博发布页面代码_raisetlb

    《jQuery实现新浪微博发布页面代码详解》 在网页开发中,实现类似新浪微博的发布页面功能是一项常见的需求,这涉及到用户输入内容、字数统计、表情选择、图片预览等多个交互环节。本文将详细解析一个基于jQuery的...

    jq获取焦点插入内容

    总之,jQuery提供的`focus`、`val`和事件监听机制为我们提供了灵活的方式来管理页面元素的焦点和内容。通过巧妙地结合这些工具,我们可以创建出更加友好和直观的用户界面,提升网站的用户体验。在实际项目中,应根据...

    jQuery实现页面级分页

    服务器返回数据后,使用jQuery的DOM操作方法(如`append`、`html`等)将新数据插入到页面的指定位置。 6. **更新状态**:在加载新数据的同时,确保分页导航的状态得到更新,如当前选中的页码高亮显示。 在实际应用...

    jQuery淘宝购物车页面商品结算代码.zip

    例如,`$("#elementID")`用于选取ID为`elementID`的元素,`.children()`或`.find()`用于查找子元素,`.append()`和`.prepend()`用于添加或插入元素。 2. 事件处理:jQuery的事件绑定如`.on()`简化了对用户交互的...

    jquery 教程 jQuery学习资料 jQuery学习

    2. DOM操作:jQuery提供了一系列方法来操作DOM,如`append()`用于在元素内部添加内容,`remove()`用于删除元素,`clone()`用于复制元素。 3. 事件处理:jQuery简化了事件绑定,如`click()`用于绑定点击事件,`on()`...

    jqueryAPI jquery使用文档

    jQuery 的另一个特性是链式操作,可以在一个选择器之后连续调用多个方法,如: ```javascript $("#element").css("color", "red").slideUp(500).fadeIn(1000); ``` 七、插件系统(Plugins) jQuery 社区有大量的...

    jQuery个人简介特效页面代码.zip

    此外,jQuery还提供了一系列方法,如`.append()`、`.prepend()`、`.html()`等,用于插入、替换或获取元素内容。在这个个人简介页面中,可能需要使用这些方法来动态更新或修改个人信息。 jQuery的事件处理也非常强大...

    jquery 学习笔记总结

    jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在实际项目中的应用。 ### 1. ...

Global site tag (gtag.js) - Google Analytics