jqueryon事件绑定，jquery事件绑定方法

jquery绑定事件的方法

1、新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。

2、一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

3、简而言之click方法是JQuery实现的方法，onclick是js原生的click事件绑定方法。使用click方法必须引入jquery相关文件，onclick则不需要。

4、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。

5、(p).bind(mouseenter mouseleave，function(){alert(ok)；})$(p).live(mouseenter mouseleave，function(){alert(ok)；})delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

相关问答

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

1、在jQuery中，动态绑定事件的方法有很多种，以下是其中的一些常用方法： - on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。它可以将一个或多个事件处理程序绑定到与选择器匹配的元素上。

2、作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

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

4、Jquery中bind和live的区别如下：bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。

5、两者区别是seleter和events顺序不同 delegate和on方法被选元素的子元素必须是合法的子元素。on(events，[selector]，[data]，fn)，参数[selector]是可选，一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

6、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

Q2: jquery中.on方法,可以绑定的事件类型有哪些

1、$(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。

2、events：一个或多个用空格分隔的事件类型和可选的命名空间，如click或keydown.myPlugin 。selector：一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

3、在jQuery中，动态绑定事件的方法有很多种，以下是其中的一些常用方法： - on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。它可以将一个或多个事件处理程序绑定到与选择器匹配的元素上。

4、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。

5、on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

6、jquery的click表示点击事件，这个很好理解，on和bind都是表示绑定一个事件，bind是jquery7以前的版本方法，从7开始，推出了on方法表示绑定，bind()，live()和delegate()都用了on()来表示，所以说on是bind的替代者。

Q3: jQuery中bind(),one(),on(),live()这几个绑定事件函数有哪些区别

- one()：这个方法与on()类似，但是它只绑定一个事件处理程序到元素上。当事件发生时，这个处理程序将被调用一次。- live()：这个方法类似于one()，但是它使用冒泡来检测事件是否发生在元素内部。

作用不同 on()：在被选元素及子元素上添加一个或多个事件处理程序。live()：为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

Jquery中bind和live的区别如下：bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。

.bind()与.on()的区别：（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。

Q4: jQuery绑定事件on

如果使用on的时候，不设置selector，那么on与bind就没有区别了。（2）on绑定的事件处理函数，对于未来新增的元素一样可以的，和delegate效果相同，而bind则不行。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

jqueryon事件绑定的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery事件绑定方法、jqueryon事件绑定的信息别忘了在本站进行查找喔。