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页面的代码。