jquery事件绑定,jquery绑定blur事件

吃瓜网站&吃瓜事件：

1、jQuery事件绑定方法bind,live,delegate和on的区别
2、前端jquery中如何绑定事件?
3、jquery绑定事件有哪些方法
4、jQuery动态绑定事件的方法
5、Jquery中bind和live的区别

jQuery事件绑定方法bind,live,delegate和on的区别

1、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。触发条件不同 on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

2、jQuery绑[文]定事件主要有bin[章]d和on两种方法，[来]它们之间的主要区别[自]在于事件冒泡。bi[Z]nd方法直接将事件[B]处理程序绑定到DO[L]M元素上，而on方[O]法在bind的基础[G]上增加了selec[文]tor参数，用于筛[章]选指定的子元素。

3、当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

前端jquery中如何绑定事件?

1、在 jQuery 中，利用 on 方法可便捷绑定各种事件，如单击、键盘按下、鼠标移入、移出等。此方法通过 $ 是 jQuery 全局对象，结合选中的 HTML 元素（如按钮、输入框、div）来定义事件处理逻辑，实现功能如弹窗、样式修改。

2、$(docum[来]ent).on 将事件委托docu[自]ment， $(#idname[Z]).on 将事件绑定到.cl[B]assName元素[L]上。每次docum[O]ent有点击动作，[G]浏览器都会判断当前[文]点击的对象。如果匹[章]配再决定要不要执行[来]，多了个判断环节。[自]JS渲染效率很高，[Z]所以此异同基本可以[B]忽略。

3、第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。

jquery绑定事件有哪些方法

在Jquery中，有三种方法可以绑定事件，如以click事件为例：（1）target.click(function(){})；（2）target.bind(click，function(){})；（3）target.live(click，function(){})；第一种方法与普通JS的用法相同，只是少了一个on而已。

在 jQuery 中，利用 on 方法可便捷绑定各种[L]事件，如单击、键盘[O]按下、鼠标移入、移[G]出等。此方法通过 $ 是 jQuery 全局对象，结合选中[文]的 HTML 元素（如按钮、输入[章]框、div）来定义[来]事件处理逻辑，实现[自]功能如弹窗、样式修[Z]改。

Jquery中绑定[B]事件有三种方法：t[L]arget.cli[O]ck(functi[G]on(){})；t[文]arget.bin[章]d(click，f[来]unction()[自]{})；targe[Z]t.live(cl[B]ick，funct[L]ion(){})；[O]live方法，只有[G]在click事件发[文]生的时候，才会去检[章]测绑定事件的对象t[来]arget是否存在[自]，所以live方法[Z]可以实现后来新增子[B]元素的事件的绑定。[L]

为了解决这个问题，有三种方法可以实现对新元素的正确事件绑定：一种简单的方法是在新生成的元素标签上直接添加`onclick=test()`这样的属性，这样可以直接为该元素绑定一个点击事件处理函数。使用jQuery的`.on()`方法，可以更灵活地绑定事件。

jQuery动态绑定事件的方法

jQuery绑定事件主要有bind和on两种方法，它们之间的主要区别在于事件冒泡。bind方法直接将事件处理程序绑定到DOM元素上，而on方法在bind的基础上增加了selector参数，用于筛选指定的子元素。bind方法在事件冒泡过程中可能存在问题，因为它会绑定到所有匹配的元素上，而on方法则更灵活，可以只绑定到特定的子元素。

可以用事件委托，jquery提供on()方法（jquery 0 以上版本）来委托绑定事件：导航1 导航2$(.list).find(a).on(click， function(){ $(this).addClass(active).siblings().removeClass(active)；})；这样.list里通过js动态创建的a节点也能响应click事件。

在Jquery中，[O]有三种方法可以绑定[G]事件，如以clic[文]k事件为例：（1）[章]target.cl[来]ick(funct[自]ion(){})；[Z]（2）target[B].bind(cli[L]ck，functi[O]on(){})；（[G]3）target.[文]live(clic[章]k，functio[来]n(){})；第一[自]种方法与普通JS的[Z]用法相同，只是少了[B]一个on而已。

$(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。JS渲染效率很高，所以此异同基本可以忽略。

Jquery中bind和live的区别

Jquery中bi[B]nd和live的区[L]别如下：bind([O])可以绑定多个事件[G]，live()一次[文]只能绑定一个事件。[章]区别在于用live[来]来绑定事件会给所有[自]当前以及将来在页面[Z]上的元素绑定事件([B]使用委派的方式)。[L]比如说，如果你给页[O]面上所有的li用l[G]ive绑定了cli[文]ck事件。

target.cl[章]ick(funct[来]ion(){})；[自]target.bi[Z]nd(click，[B]function([L]){})；targ[O]et.live(c[G]lick，func[文]tion(){})[章]；live方法，只[来]有在click事件[自]发生的时候，才会去[Z]检测绑定事件的对象[B]target是否存[L]在，所以live方[O]法可以实现后来新增[G]子元素的事件的绑定[文]。