jquery的on菜鸟教程 jquery on函数

jQuery绑定事件on

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

2、live()的原理很简单，它是通过document进行事件委派的，因此我们也可以使用on()通过将事件绑定到document来达到 live()一样的效果。live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。

3、jQuery绑定点击事件可以使用其绑定事件函数 jquery中四个事件绑定方式（bind，live，delegate，on）bind()简要描述 bind()向匹配元素添加一个或多个事件处理器。

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

相关问答

Q1: 【jquery】怎么用js调用标签的onclick事件

1、首先获取到标签，然后调用它的click方法就行了。

2、DOCTYPE html 菜鸟教程(runoob.com) $(document).ready(function(){ $(button).click(function(){ $(p).hide()； })；})；这是一个标题这是一个段落。这是另一个段落。

3、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(img).click()；。浏览器运行index.html页面，此时img标签被用js自动点击并打印了相关内容。

Q2: JQuery中怎么使用on方法绑定hover事件

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

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

live()的原理很简单，它是通过document进行事件委派的，因此我们也可以使用on()通过将事件绑定到document来达到 live()一样的效果。live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。

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

大括号替代方式：绑定较为灵活，可以给事件单独绑定函数；data：可选；需要传递的参数；function：必需；当绑定事件发生时，需要执行的函数；适用所有版本，但是根据官网解释，自从jquery7版本以后bind()函数推荐用on()来代替。

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

点击div下面的P执行alert；而on是在7之后新增的，是把bind，live，delegate全部合并在一起了，123$(div).on(click，p，function(){ alert(1)； })不需要事件委托的时候把P去掉就会变成点击div触发了。

live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。它是一个过滤器的作用，只有被选中元素的后代元素才会触发事件。

)差些；bind()支持Jquery所有版本；live()支持jquery8-；delegate()支持jquery2+；on()支持jquery7+。结论：如果项目中引用的jquery版本为低版本，推荐用delegate()，如果是高版本jquery则建议用on()。

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

Q4: jquery绑定事件on()方法

1、live()的原理很简单，它是通过document进行事件委派的，因此我们也可以使用on()通过将事件绑定到document来达到 live()一样的效果。live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。

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

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

4、on()：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。live()：通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

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

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

.on()方法事件处理程序到当前选定的jQuery对象中的元素。

live()的原理很简单，它是通过document进行事件委派的，因此我们也可以使用on()通过将事件绑定到document来达到 live()一样的效果。live()写法 on()写法 这里的关键就是第二个参数selector在起作用了。

jQuery中用on来绑定事件，常用写法 两种写法哪个更好？ $(document).on 将事件委托document， $(#idname).on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。

jquery的on菜鸟教程的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery on函数、jquery的on菜鸟教程的信息别忘了在本站进行查找喔。