`

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详细教程

    下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时) $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $...

    超实用的jQuery代码段

    包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容,对提高网站开发人员和设计人员的jQuery技术水平有指导作用...

    jQuery实现点击下拉框中的值累加到文本框中的方法示例

    主要介绍了jQuery实现点击下拉框中的值累加到文本框中的方法,涉及jQuery事件绑定及页面元素属性动态获取与操作相关实现技巧,需要的朋友可以参考下

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

    当然这样是不起作用的,因为在document reday后,.btn-open 这个元素根本还不存在呢,列表没绑定,事件当然也帮不上的!  然后是这样的: $(".table").on("click", ".btn-open", function () { al

    【推荐】高清jquery视频教程下载

    70:取得同辈元素 71:closest() 72:获取css 73:设置样式 74:设置透明度 75:offset 76:获取相对偏移 77:scrollTop 78:设置偏移 79:jquery事件 80:绑定事件 81:折叠和展开 82:隐藏和显示 83:事件合并 84:初始化样式 85:...

    【JavaScript源代码】jQuery+ajax实现文件上传功能.docx

    2、给上传按钮绑定点击事件 3、验证是否选择了文件 4、向FormData中追加文件 5、使用ajax发起上传文件的请求 6、设置文件的路径 7、使用xhr获得文件上传的进度 8、当文件上传完成让进度条显示绿色  &lt;style&gt; #...

    50个必备的实用jQuery代码段

    11. 如何把函数绑定到事件上: 4 12. 如何追加或是添加html到元素中: 4 13. 在创建元素时,如何使用对象字面量(literal)来定义属性 5 14. 如何使用多个属性来进行过滤 5 15. 如何使用jQuery来预加载图像: 5 16. ...

    jquery基础教程高清版PDF.part5.rar

     6.5.1 限定事件绑定函数的作用域   6.5.2 利用事件冒泡   6.6 安全限制   6.7 小结  第7章 表格操作   7.1 排序   7.1.1 服务器端排序   7.1.2 JavaScript排序   7.2 分页   7.2.1 ...

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    jquery-swiper:jquery对swiper的在封装,精简dom结构改为自行补充class,循环绑定多个同类slide,追加控制按钮作用域,兼容swiper3降级支持到2

    jquery-swiperjquery对swiper的z再封装,精简dom结构改为自行补充class,循环绑定多个同类slide,追加控制按钮作用域####V 0.0.2绑定过的会先移除绑定

    jquery 实时监听输入框值变化的完美方法(必看)

    只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美 $('.input-form :input').bind('input propertychange', function() { //获取.input-form下的所有 &lt;input&gt; 元素,并实时监听用户输入 ...

    stip:基于jQuery的tip组件

    stipdemo参见基于jQuery的tip组件*说明:$(selector).stip( ops ); //直接绑定或$.stip(target, ops);...idFlag : 额外的id标记,默认为空,若不想与别的tip公用dom则可追加id标记msg : 指定内容区

    JQuery Ajax 异步操作之动态添加节点功能

    异步操作动态添加节点,导致在代码中给添加的节点全局绑定事件或者获取元素无效,上代码: $(function () { var IP = '...'; // 页面中的默认编号起始值 和 公用IP前缀 showData(); function showData() { if ...

    Jqury基础教程

    3.6.2 重新绑定事件 3.7 模仿用户操作 3.8 小结 第4章 效果 4.1 修改内联CSS 4.2 基本的隐藏和显示 4.3 效果和速度 4.3.1 指定显示速度 4.3.2 淡入和淡出 4.4 复合效果 4.5 创建自定义动画 4.5.1 切换...

    手机端快滑到底部时,自动加载ajax请求下一页

    AJAX请求数据,绑定滚轴,滚到底部时自动加载下一页 适用于微信、手机网页端... //scroll: true, //是否绑定滚轴,默认方法已经绑定,所以可以不加 init: true, //是否自动初始化 error: null //错误时显示的方法 });

    JS delegate与live浅析

    在jquery里有两个方法可以用来绑定自动追加出来的DOM对象,它们是live和delegate,事实上,这两个方法是bind方法的一个变体,在对于固定DOM对象时,我们通常使用bind就可以了,而对象动态产生的DOM对象,...

Global site tag (gtag.js) - Google Analytics