zoukankan      html  css  js  c++  java
  • Jquery中html()方法 and "click"绑定后代元素

    1.html()方法

      定义:返回或设置被选的内容(inner HTML)

      用法:(1)返回被选的内容。---它会返回第一个匹配元素的内容。

                    eg.<p>This is a paragraph.</p>    jq:$("p").html()----结果为:This is a paragraph.

        (2)设置被选的内容。---它会覆盖所有匹配元素的内容。(重要!重要!重要!)

                   eg.<p>This is a paragraph.</p><p>This is another paragraph.</p>       jq:$("p").html("Hello <b>world!</b>");

            ---结果2个<p>中变成Hello world!

      一般用处:会进行局部刷新。使用ajax请求后台返回view,获得html数据。从而使用$().html(html数据)。

    2."click"绑定后代元素。

      背景:一般click事件是将该事件绑定在相应的标签或者选择器上。但是,当你已经加载click事件的js代码,此时再动态添加对应的标签或者选择器时,这些将无法绑定             click事件。

      形式:click绑定后代元素:$("选择器a").on('click','选择器b',function(event){ })

      解释:在加载这段jquery之后才添加了选择器b,这时是将click事件绑定在选择器b上。并不是绑定在选择器a上。

    小贴士:

    当加载一个需要不停局部刷新的页面时,可以首先返回一个空页面。然后再使用ajax来请求返回view(),使用html()方法添加html页面的代码。

          

  • 相关阅读:
    JS函数的定义与调用方法
    一次完整的浏览器请求流程
    【前端安全】JavaScript防http劫持与XSS
    深入理解display属性
    前端开发人员需要了解的CSS原理
    第 10 章 文件系统及实现
    第 9 章 虚拟内存管理
    第 8 章 内存管理策略
    第 7 章 死锁
    第 6 章 同步
  • 原文地址:https://www.cnblogs.com/minfan/p/6179189.html
Copyright © 2011-2022 走看看