js中的前绑定和后绑定详解

标签:公司介绍    日期:2019-03-09 12:05    录入:美娱国际平台注册    浏览:

  

[js,前绑定,后绑定]js中的前绑定和后绑定详解

  

美娱国际平台 其主要意思就是看我有没有用过前绑定,即Dom树中的某些元素在还没有创建出来时,就指定该类型的元素一出生就应该拥有的某些事件。在实际开发过程中经常会涉及到前绑定和后绑定。顾名思义,前绑定——还未出生即绑定了某些事件,后绑定——出生后才会绑定的某些事件。

  
下面,通过一个简单的例子进行阐述,以供大家参考,并对各个方法进行比较:  
页面元素:  
代码如下:

  
  
aaaaaaaaaaaaaaaaaaaaaa
  
bbbbbbbbbbbbbbbbbbbb
  
ccccccccccccccccccccccccc
  
dddddddddddddddddddd
  
eeeeeeeeeeeeeeeeeeeeee
  
fffffffffffffffffffffffffffffffff
  
gggggggggggggggggggg
  
hhhhhhhhhhhhhhhhhhhh  
  
  
  
页面中的js:  
代码如下:
  
  
  
$(function () {  
//后绑定,即动态创建的元素不能拥有绑定的事件!!!

  
//1.后绑定  
// $("#main > a ").click(function () {  
// alert($(this).html());  
// });  

  

//2.后绑定  
// $("#main > a").bind("click", function () {  
// alert($(this).text());  
// });  

  

//3.后绑定,  
// $("#main > a").bind({  
// click: function () { alert($(this).text()); },  
// mouseover: function () { $(this).css("background-color", "red") },  
// mouseout: function () { $(this).css("background-color", "white") }  
// });  
$("#btnCreate").bind({  
click: function () { $("
我是动态创建的").appendTo("#main"); }  
});  

  

  
//4.前绑定,动态创建的元素也拥有了点击的事件  
// $("#main").delegate("a", "click", function () {  
// alert($(this).text());  
// });  

  

//5.前绑定,live的事件源头的是documentdelegate的源头是具体要绑定的元素,所以delegate的效率比live高多了  
$("#main a").live("click", function () {  
alert($(this).text());  
});  
});  
  

  

★★★小编:美娱国际 整理文章,欢迎大家转载 ★★★
相关文章阅读
点击右上角的分享按钮即可收藏美娱国际平台注册 随时随地与好友一起分享精彩内容噢
最近更新
热门排行