知识大全 js中的前绑定和后绑定详解

Posted 元素

篇首语:一身转战三千里,一剑曾百万师。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 js中的前绑定和后绑定详解相关的知识,希望对你有一定的参考价值。

这篇文章详细介绍了js中的前绑定和后绑定 有需要的朋友可以参考一下  

  其主要意思就是看我有没有用过前绑定 即Dom树中的某些元素在还没有创建出来时 就指定该类型的元素一出生就应该拥有的某些事件 在实际开发过程中经常会涉及到前绑定和后绑定 顾名思义 前绑定——还未出生即绑定了某些事件 后绑定——出生后才会绑定的某些事件 下面 通过一个简单的例子进行阐述 以供大家参考 并对各个方法进行比较 页面元素

复制代码 代码如下: <div id="main"> <a href="#">aaaaaaaaaaaaaaaaaaaaaa</a><br /> <a href="#">bbbbbbbbbbbbbbbbbbbb</a><br /> <a href="#">ccccccccccccccccccccccccc</a><br /> <a href="#">dddddddddddddddddddd</a><br /> <a href="#">eeeeeeeeeeeeeeeeeeeeee</a><br /> <a href="#">fffffffffffffffffffffffffffffffff</a><br /> <a href="#">gggggggggggggggggggg</a><br /> <a href="#">hhhhhhhhhhhhhhhhhhhh</a> </div> <input type=button value="创建a标签" id="btnCreate" />

   页面中的js:

复制代码 代码如下: <script src= /Scripts/jquery js type=text/javascript></script> <script type=text/javascript> $(function () //后绑定 即动态创建的元素不能拥有绑定的事件!!! // 后绑定 // $("#main > a ") click(function () // alert($(this) ()); // );

  // 后绑定 // $("#main > a") bind("click" function () // alert($(this) text()); // );

  // 后绑定 // $("#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 () $("<br /><a # >我是动态创建的</a>") appendTo("#main"); );

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

cha138/Article/program/Java/JSP/201311/20027

相关参考

知识大全 Jquery 模板数据绑定插件的使用方法详解

Jquery模板数据绑定插件的使用方法详解  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本篇文章是

知识大全 Visual C#中的数据绑定

VisualC#中的数据绑定  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!我们知道在由于Visua

知识大全 Visual C#中的数据绑定操作

VisualC#中的数据绑定操作  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!   Vi

知识大全 ASP.NET 2.0中实现模板中的数据绑定

ASP.NET2.0中实现模板中的数据绑定  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  模板化

知识大全 深圳社保夫妻医疗绑定,如果一方没有买社保,能绑定吗

深圳社保夫妻医疗绑定,如果一方没有买社保,能绑定吗?绑定是指社保卡绑定在指定医院,以后门诊只能在绑定医院使用.你说的夫妻绑定,应该是关联吧!同一家庭成员的社保卡是可以关联的.关联需满足以下条件:1、参

知识大全 WPF数据绑定之绑定声明

WPF数据绑定之绑定声明  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  本主题讨论声明绑定的不同

知识大全 为什么绑定支付宝时说姓名或者证件信息和银行不符合,是怎么回事

为什么绑定支付宝时说姓名或者证件信息和银行不符合,是怎么回事?支付宝绑定银行卡,支付宝账户中的身份信息需要跟银行的一致,请核实身份证号和名字是否一致支付宝姓名和证件信息不符怎么办我晕你就把你支付宝信息

知识大全 一个手机号码可以绑定几次淘宝,解绑过后还可以在绑定吗

一个手机号码可以绑定几次淘宝,解绑过后还可以在绑定吗?一个手机号对应一个淘宝号,解除绑定后,还可以再次绑定的哈手机号码取消淘宝绑定后还可以绑定其他淘宝号么?可以的,你重新操作,或是换号码试试,我的情况

知识大全 ASP.NET数据绑定—多样的绑定方式

ASP.NET数据绑定—多样的绑定方式  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在这个系列

知识大全 js正则表达式的使用详解

本篇文章是对js中正则表达式的使用进行了详细的分析介绍需要的朋友可以参考下   js中的正则表达式比起C#中的正则表达式要弱很多但基本够用了定义正则表达式关于验证的三个这则表达式方法正则表达