【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
2016-08-04 18:09
531 查看
给出以下的代码展示:
View Code
上面的.click()绑定点击事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的区别在于:
1》》.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的
2》》而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件
//绑定 下一页 的点击事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show(); if(page.pageNo == page.totalPage - 1){ $("a[aria-label='Next']").hide(); }else{ $("a[aria-label='Next']").show(); } page.pageNo++; page.pageSet(bindData , page); }); //上面的.click()绑定点击事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的区别在于: //.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的 //而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件 //为动态生成的 页码按钮 添加 点击事件 $(document).on("click",".pagination li:gt(0):not(:last)",function(){ page.pageNo = $(this).text(); $("a[aria-label='Previous']").show(); $("a[aria-label='Next']").show(); if(page.pageNo == "1"){ $("a[aria-label='Previous']").hide(); } if(page.pageNo == page.totalPage){ $("a[aria-label='Next']").hide(); } page.pageSet(bindData , page); });
View Code
上面的.click()绑定点击事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的区别在于:
1》》.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的
2》》而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件
相关文章推荐
- 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
- 【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
- $("#XXX").click()和$("#YYY").on("click","指定的元素",function(){});的区别(jQuery动态绑定事件)
- $(document) .on('click',function(event) 和$("xxx").click(function()的区别
- jquery bind event, use on. $(document).on("click","#a",function(){alert(1)}) [#document]
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题
- 苹果手机浏览器$(document).on("click",function(){})点击无效的问题(转)
- $(document).ready(){}、$(fucntion(){})、(function(){})(jQuery)onload()的区别
- onclick="" 和 $('').click() 什么区别:onclick是javascript,$().click是jquery
- $(document).ready(){}、$(fucntion(){})、(function(){})(jQuery)onload()的区别
- jQuery $(document).on('click','.classname',function(){});
- magento 第四章 出现 "Fatal error:Call to a member function load() on a non-object in \Abstract.php" 问题
- jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- 使用jQuery的".css()"和".attr()"方法设置元素"left"属性的注意点
- jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
- JS function document.onclick(){}报错Syntax error on token "function", delete this token
- Jquery中的事件绑定$("#btn").bind("click",function(){ })
- jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题