jqueryon方法执行多次，jqueryonchange事件

jqueryon有多个事件写法

1、events：一个或多个用空格分隔的事件类型和可选的命名空间，如click或keydown.myPlugin 。selector：一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。data：当一个事件被触发时要传递event.data给事件处理函数。

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

3、on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

4、定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

5、事件委托是什么？通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

相关问答

Q1: jquery绑定事件的方法

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

Jquery中绑定事件有三种方法：target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。形式：bind(type， [data]， fn)参数：type 表示一个或多个类型的事件名字符串；[data]是可选的，作为 event.data 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；fn 表示绑定到指定元素的处理函数。

新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

Q2: jquery点击图标来回切换的几种方法(如开关

1、获取这两个按钮的class，然后点击其中一个的时候变样式，另一个也变就可以了。

2、这样的话，当你触发你的点击事件展开对应分组的时候，先找到其它展开的分组，将其折叠，同时将其组名前边的减号变成加号，然后再展开你点击的分组。

3、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。其次，完成上述步骤后，在index.html的标记中，输入下图红框中的jquery代码，如下图所示。

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

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

2、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

3、jQuery 支持三种事件委托方法：on、live 和 delegate。其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。这三种方法都可以实现事件委托，但是使用场景不同。

4、第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已 第三种方法都是绑定事件，但是二者又有很大的不同，下面着重讲解一下，因为这个如果用到Jquery的框架的话是用的挺多的，尤其要注意二者的区别。

Q4: jQuery()中,on()方法

on()：$(selector).on(event，childSelector，data，function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。live()：$(selector).live(event，data，function)，其中event必需。规定附加到元素的一个或多个事件。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

jQuery 支持三种事件委托方法：on、live 和 delegate。其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。这三种方法都可以实现事件委托，但是使用场景不同。

（1）是否支持selector这个参数值。由于javascript的事件冒泡特性，如果在父元素上注册了一个事件处理函数，当子元素上发生这个事件的时候，父元素上的事件处理函数也会被触发。如果使用on的时候，不设置selector，那么on与bind就没有区别了。

新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

function(){……})；相当于$(.class).bind(click，function(){……})；(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

Q5: jquery中on()方法和live()方法的区别

1、bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

2、其中，on 是 jQuery 7 之后引入的，支持事件绑定的全部功能；live 是在 DOM 加载完成后立即执行的，不支持动态添加的元素；delegate 是在事件发生时委托给一个指定的元素来处理事件 。这三种方法都可以实现事件委托，但是使用场景不同。

3、)函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

关于jqueryon方法执行多次和jqueryonchange事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。