`

jquery的点击事件,追加的内容中的绑定事件不起作用

 
阅读更多
<ul>
    <li class="btn">增加</li>
    <li><b>1百度</b><span>可以搜到你想要的一切</span></li>
    <li><b>2百度</b><span>可以搜到你想要的一切</span></li>
</ul>


$(function(){
//第一种方法
 /* $(document).on('click','b',function(){
    alert(123)
  });*/
  
 //第二种方法
 $('li b').live('click',function(){
    alert(123)
  });
  
  //*****************
  $('.btn').click(function(){
    $('ul').append('<li><b>2百度</b><span>可以搜到你想要的一切</span></li>')
  });

});





http://segmentfault.com/q/1010000000160466
分享到:
评论

相关推荐

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

    在这个例子中,为ID以`"sl_0"`开头的select元素绑定了一个`change`事件,当用户改变了选项时,会触发一个弹窗显示“你点击了下拉框”。 8. 总结:通过使用jQuery的事件委托技术,开发者可以有效地为动态生成的元素...

    JQuery中绑定事件(bind())和移除事件(unbind())

    在jQuery中,事件处理机制尤为强大,其中bind()和unbind()方法是用来绑定和移除事件监听器的函数,它们是进行事件处理时不可或缺的一部分。 首先我们来看bind()方法。在jQuery中,通过bind()可以为选定的元素添加一...

    jquery绑定 css3 animation-keyframes关键帧动画

    - 在本例中,我们使用jQuery的`.click()`方法来监听按钮的点击事件。 - 当按钮被点击时,`.click()`方法内部的函数会被调用,并向目标元素添加包含动画样式的类。 5. **示例代码解析** - **HTML结构**: ```html...

    jquery团购网站鼠标点击红色分类导航展开二级菜单列表

    1. **事件处理**:jQuery提供了简洁的API来绑定事件处理器,如`click()`函数,可以监听用户的点击事件。当用户点击红色分类导航时,会触发预定义的回调函数,执行展开二级菜单的逻辑。 2. **DOM操作**:jQuery简化...

    jQuery1.12.4+jQuery中文手册.rar

    3. **事件处理**:`$(selector).click(function() {...})`用于为元素绑定点击事件,`$(document).ready(function() {...})`则确保在DOM加载完成后执行指定的代码。 4. **动画效果**:`$(selector).fadeIn()`和`....

    jQuery 3.3.1 api docs 中文手册 [chm]

    jQuery 提供了丰富的DOM操作方法,如`append()`在元素内部追加内容,`prepend()`在元素内部前置内容,`remove()`删除元素,`clone()`复制元素,以及`html()`, `text()`, `val()`等用于获取或设置元素内容的方法。...

    jquery中文参考

    1. **live()方法**: 在jQuery 1.2中,`live()`方法首次出现,它允许动态添加到DOM的元素也能响应事件,解决了事件绑定的问题。 2. **$.param()**: 这个方法用于序列化表单数据,常用于构建URL查询字符串,与Ajax...

    jQuery动态追加页面数据以及事件委托详解

    标题和描述中提到的“jQuery动态追加页面数据以及事件委托详解”,涉及的两个主要知识点是:jQuery动态追加页面数据和jQuery事件委托。详细内容包括如何使用jQuery技术向页面动态追加内容,并利用事件委托处理动态...

    jQuery为DOM动态追加事件的方法

    从提供的文件内容中我们可以学习到几个关键点关于jQuery如何实现事件委托: 1. jQuery中的`.on()`方法是实现事件委托的主要手段。该方法可以用来绑定一个或多个事件处理程序到当前选定的元素上。 2. 当我们使用`....

    jQuery 3.1 参考手册中文.zip

    3. **事件处理(Event Handling)**:jQuery 使用`.on()`方法绑定事件,可以同时处理多种类型的事件,如`click`、`mouseover`等。事件处理函数可以方便地进行事件委托,提高性能。 4. **动画效果(Animation)**:...

    jquery3.2中文手册

    3. **事件处理**:jQuery简化了事件绑定和解绑,`click(fn)`用于绑定点击事件,`on('event', fn)`则可以绑定多种事件,而`off('event')`则用于移除事件处理函数。 4. **动画效果**:jQuery的动画功能包括`fadeIn()`...

    jquery-1.9中文API

    jQuery提供了统一的事件处理方式,如`$(element).click(function() {...})`用于绑定点击事件,`$(element).on('mouseover', function() {...})`则绑定鼠标悬停事件。同时,`$(document).ready(function() {...})`...

    jquery1.7chm API中文手册

    《jQuery 1.7 CHM API中文手册》是开发者们不可或缺的参考资料,它详细地介绍了jQuery 1.7版本的API接口和使用方法。jQuery是一个广泛应用于网页开发的JavaScript库,以其简洁、高效的语法设计,极大地简化了DOM操作...

    JQuery框架方法事件大全

    以上只是JQuery框架方法和事件的一部分,实际使用中还有许多其他功能,如动画效果、Ajax请求、事件绑定等,它们共同构建了JQuery的强大功能,让JavaScript开发变得更加简单和高效。通过熟练掌握这些方法和事件,...

    jquery中文版离线手册

    3. **事件处理**:jQuery统一了跨浏览器的事件处理,`click(function)`绑定点击事件,`bind('event', function)`绑定多种事件。 4. **链式操作**:jQuery对象方法返回的是jQuery对象本身,允许连续调用多个方法,如`...

    jQuery实现动态添加、删除按钮及input输入框的方法

    在$(document).ready()方法中,使用了 $("body").on("click", ".removeclass", function(e) {...}) 的形式,来绑定点击事件。这种方式可以保证即使后续动态添加了带有.removeclass类的新元素,点击事件依然能被正确...

    jQuery1.11.3 中文手册.7z

    jQuery提供了便利的DOM操作方法,如`append()`用于在元素内部追加内容,`prepend()`在元素内部预置内容,`remove()`删除匹配的元素,`clone()`复制元素及其相关的数据和事件。 四、事件处理 jQuery简化了事件绑定和...

    jQuery1.3.1中文使用手册

    3. **事件处理(Event Handling)**:jQuery提供了一致的事件绑定和触发方式,如`click(function(){...})`绑定点击事件,`bind()`绑定多种事件,`trigger()`触发事件。 4. **动画(Animation)**:`slideUp()`, `...

    jqueryApi版本集合

    3. **DOM操作(DOM Manipulation)**:jQuery提供了丰富的API来操作DOM,如.append()用于在元素内部追加内容,.remove()用于移除元素。 4. **事件处理(Event Handling)**:jQuery简化了事件绑定,例如,.click...

Global site tag (gtag.js) - Google Analytics