jquery绑定多个按钮，jquery 绑定

jquery,怎么给多个元素绑定同一个事件,变量

jQuery 支持三种事件委托方法：on、live 和 delegate。

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

首先使用jQuery选择器选择到这些name的页面元素，比如$(input[name=xxx])。选择到指定元素之后，我们可以给他们都加上相应的事件，比如onclick事件。而且这边我们可以使用匿名函数方法，就是直接通过新建方法来绑定。

delegate函数，delegate(selector，type，[data]，fn)参数多了一个selector，用来指定触发事件的目标元素，监听器将被绑定在调用此方法的元素上。

相关问答

Q1: jquery用on绑定事件

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

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

3、append的字符串中应该是 })； $(.btn).on(click，function(){ console.log(haha)； })； //上面绑定的方式也不对。因为页面刚加载时$(.btn)并不包括后来生成的button。

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

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

Q2: jquery实现多个按钮点击弹出不同页面

1、因为span1的display原始属性是block，所以打开页面会显示span1的内容。选择不同单选按钮时，会调用不同的js方法，改变各个span的display值，来控制显示不同的内容。

2、本组件主要以iframe方式加载单独页面为主的弹出窗口，由其适用于后台管理和webOS类项目使用，独立的内容页更方便管理，页面的也不易受其它页面的影响，而且内容页可以是静态或动态的任何一种文件。

3、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。

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