【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别

给出以下的代码展示: //绑定下一页的点击事件 $("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']").s…

$("#XXX").click()和$("#YYY").on("click","指定的元素",function(){});的区别(jQuery动态绑定事件)

//绑定下一页的点击事件 $("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(); } pa…

Jquery中$("").事件()和$("").on("事件","指定的元素",function(){});的区别(jQuery动态绑定事件)

这个是在学习时不懂的问题,记录下来方便查看转至https://www.cnblogs.com/mr-wuxiansheng/p/7136864.html //绑定下一页的点击事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show(); if(page.pageNo == page.totalPage - 1){ $("a[aria-label=…

jQuery的区别：$().click()和$(document).on('click','要选择的元素',function(){})的不同

jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式.就拿$().click()和$(document).on('click','要选择的元素',function(){})来说,都是点击事件的操作,但是也有不同的地方. 1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn.只针对与页面已存在的选择器. <body> <ul> <li>1</li> <li>2…

$().click()和$(document).on('click','要选择的元素',function(){})的不同（转https://www.cnblogs.com/sqh17/p/7746418.html）

$(document).on();用于动态绑定事件 jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式.就拿$().click()和$(document).on('click','要选择的元素',function(){})来说,都是点击事件的操作,但是也有不同的地方. 1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn.只针对与页面已存在的选择器. <body> <ul> <li&g…

$().click()和$(document).on('click','要选择的元素',function(){})的不同

1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn.只针对与页面已存在的选择器; 2.$(document).on('click','要选择的元素',function(){}) on方法包含很多事件,点击,双击等等事件.和$().click()的用法一样,最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数 $().on()的知识点补充: 1.从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind…

jQuery的on绑定click和直接绑定click区别

状况之外在之前的公司并没有遇到这个问题,也就没有深究.直到自己换了现在的公司,刚来第二天就开始写别人写到一半的项目,很无奈,不是原生就是jquery,由于项目急,已经来不及切换框架重新布局,只能继续了. 状况之中到处都是列表,到处都是js创建的动态页面,好吧,那我也继续吧,突然,意外发生了.我绑定的click事件无效. 状况-解决呗当时知道的原因是动态创建的元素在初始化的时候还没有,那我绑定的事件怎么可能绑定的上嘛(当时还不知道直接绑定和通过on()绑定click的区别,也不知道on('c…

jquery bind event， use on. $(document).on("click","#a",function(){alert(1)}) [#document]

$(document).on("click","#a",function(){alert(1)}) [#document] as a replacement of previous delegate etc.. event capture netscape 和微软曾经的战争还是比较火热的,当时, netscape 主张捕获方式,微软主张冒泡方式.后来 w3c 采用折中的方式,平息了战火,制定了统一的标准——先捕获再冒泡. 事件的触发有三个阶段 document…

hexo next中遇到的bug，引发出的关于jquery中click()函数和on("click",function())的区别

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 本人在维护博客的时候加入了aplayer(一个音乐插件),效果如图可是效果不太美观,为了优化一下想做成这个样子:鼠标移入出现背景图,点击全部展开,希望在点击按钮上加click函数,达到修改div的left值来实现这个时候出现问题了,在电脑端实现没有问题的,可是在移动端会出现点击点击事件没有绑定成功代码: define(functi…

$(document).on('click','.classname',function(){}); VS $('.classname').on('click',function(){});

jquery中用on来绑定事件,经常的写法有$(document).on('click','.classname',function(){});$('.classname').on('click',function(){}); 上面两种都是给类是classname的元素添加了click事件,那这两个写法有什么区别呢?在效率上哪个更好呢? 同样的,$(document).on('click','#idname',function(){});$('#idname').on('click',funct…

$().click()和$().on('click',function(){})的区别

1. $(选择器).click(fn) 当选中的选择器被点击时触发回调函数fn.只针对与页面已存在的选择器. HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>1…

点击div和某些控件之外的地方隐藏div，点击div不隐藏。对象 click和document click冲突有关问题

帮朋友解决这个问题,我发现用以往想想像的方式来实现,貌似不太可行,所以从网上找了一些解决办法,进行优化,这篇比较详细,所以拿来备忘,另一方面也希望可以帮助需要的同学! 问题背景:jQuery事件问题!!对象 click和document click冲突问题我想点击某个元素显示一个对象, 点击页面任意处,隐藏这个对象 //点击look对象,显示隐藏mydiv $("#look").bind("click", function () { $("#m…

转:jquery的$(function(){})和$(document).ready(function(){}) 的区别

原文链接:https://www.cnblogs.com/slyzly/articles/7809935.html [转载]jquery的$(function(){})和$(document).ready(function(){}) 的区别 https://www.cnblogs.com/yddzyy/p/5180924.html http://www.jb51.net/article/50967.htm https://www.cnblogs.com/wisdo/p/5074419.ht…

转载】JQuery中如何传递参数如click(),change()等具体实现

转载地址:http://www.jb51.net/article/36249.htm 有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如何在click(),change()传递参数因为要做这样一个作业,就是两个select中option相互转换,图如下: 这个作业就是给几个按钮添加click()事件,一般的用法是这样的: 复制代码代码如下: $("#but_one").click(function(){ $("…

苹果手机浏览器$(document).on(“click”,function(){})点击无效的问题

<label class="js_highlight" style="display: inline-block;float: left;width: 50%;"> <div class="compare-top-left-check"> <label class="label-check"><i style="display: none;"></i&g…

jQUery中的$(document).ready()方法和window.onload()方法的区别

1.常规的Javascript代码中,通常使用window.onload方法 window.onload = function(){//代码} 2.jquery中,则使用$(document).ready()方法 $(document).ready(function(){//代码}) 3.两个方法有相似的功能,但是在执行时机方面是有区别的 - window.onload方法是在网页中所有的元素(包括元素的所有的关联文件)完全加载到浏览器后才执行,此时,javascript才可以访问网页中的任何元…

原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaScript对象属性进行绑定: var a=document.getElementById("a"); a.onclick=function(){alert("你好!")};//这里也可以不用匿名的函数直接赋方法名也是可以的通过以上这种方式进行事件函数的绑定有个缺点就是…

js进阶 10-3 jquery中为什么用document.ready方法

js进阶 10-3 jquery中为什么用document.ready方法一.总结一句话总结: 1.document.ready和window.onload的区别:用哪个好? document.ready直接加载完dom树即可加载,document.ready可加载多个 2.document.ready函数怎么写? $(document).ready(匿名函数) 3.window.onload函数怎么写? window.onload=function(){} 4.js中某个元素的某个方法比…

jquery中attr()与prop()函数用法实例详解(附用法区别)

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.…