jQuery:$().click(fn)vs. $().bind('click',fn); - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jQuery中$.fn的用法

，加上fn的方法及属性，会对jQuery实例有效。...如扩展$.fn.abc(),即$.fn.abc()是对jQuery扩展了一个abc()方法，在每一个jquery实例都可以引用这个方法，例如 $("#div").abc(); jQuery为开发者开发插件提供了两个方法...，分别是： jquery.extend(object);为扩展jquery类本身.为类添加新的方法 jquery.fn.extend(object);给jquery对象添加方法 fn原型：查看jquery...可知 jQuery.fn = jQuery.prototype ={ 　　　init: function( selector, context ){//....　　　　//...... }; jquery.fn...$.fn.extend({undefined alertWhileClick:function(){undefined $(this).click(function(){undefined

2K2 0

jquery 绑定click事件

绑定click事件给元素绑定click事件，可以用如下方法： $('#btn1').click(function(){ // 内部的this指的是原生对象 // 使用jquery...DOCTYPE html> jquery/jquery...min.js"> $(function(){ $('.btns input').click...选项卡一的内容选项卡二的内容选项卡三的内容这个click

5.4K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery点击click()事件

切换 $(document).ready(function(){ $("button").click

12K2 0

jQuery.extend与jQuery.fn.extend

基础性内容，大神可以略过，O(∩_∩)O~ 1.jQuery.fn.extend用于扩展jQuery.prototype对象，可以采用这种方式为jQuery添加自定义方法 2.jQuery.extend...是用于扩展一个类的功能，该函数原型为 jQuery.extend( target [, object1 ] [, objectN ] ) ] ) 运行完该函数后，object1以及objectN的特性会被组合到...target对象上，因此该函数会修改target对象，为了防止target对象被修改，可以传入{}，仅仅使用jQuery.extend的返回值来使用对象merge后产生的类。...如果该函数仅有一个参数传入时，功能跟jQuery.fn.extend一样，可以用于扩展jQuery原型的方法。...之后增加了一个深度版的： jQuery.extend( [deep ], target, object1 [, objectN ] ) 来个例子来说明该方法的效果 var object1

8012 0

理解jquery的$.extend & $.fn.extend用法

jQuery为开发插件提拱了两个方法，分别是： 1、jQuery.fn.extend(); //dom方法 2、jQuery.extend(); // 工具方法 ---- jQuery.fn jQuery.fn...原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。...可以这么做 $.fn.extend({ alertWhileClick:function() { $(this).click(function(){ alert...jQuery.extend() 的调用并不会把方法扩展到对象的实例上，引用它的方法也需要通过jQuery类来实现，如jQuery.init()，而 jQuery.fn.extend()的调用把方法扩展到了对象的...} }; $.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip })( jQuery );

1.7K9 0

jquery on绑定click事件执行多次

用$(document).on('click','#XX',function(){...})为元素添加点击事件结果导致事件会执行多次。...出现这种情况是因为每点击一下document就会绑定一遍事件，click事件进行了累加绑定，每调用一次，便增加一次绑定，所以导致触发多次事件。...$('#XX').off('click').click(function () { ... }); 或者 $('#XX').unbind('click').click(function () {

5.2K1 0

jQuery源码解析之click()的事件绑定

二、$().click() 作用：为目标元素绑定点击事件源码： //这种写法还第一次见，将所有鼠标事件写成字符串再换成数组 //再一一绑定到DOM节点上去 //源码10969行 jQuery.each...this.trigger( name ); }; } ); 解析：可以看到，jQuery 将所有的鼠标事件都一一列举了出来，并通过jQuery.fn[ name ] = function...//$().on('click',function()=<{}) //源码5817行 on: function( types, selector, data, fn ) {...由于将 bind()、live() 和 delegate() 都合并进 on() 后，on() 里面的情况挺复杂的， data、selector、fn 相互赋值。...: click/mouseout return typeof jQuery !

2.4K2 0

jquery选择器$(this).find(input:not(.cancel), button).click(function (){});

$(this).find('input[type="submit"]:not(.cancel), button').click(function (){}); Basically it is looking...type = submit does not have a class of cancel OR is a button $(this) // within this jQuery...class "cancel" , // or button // are button elements ') .click...( // and for each of these, to their click event function (){} // bind this

1.6K3 0

jQueryr .on方法解析

function( types, data, fn ) { jQuery( this.context ).on( types, this.selector, data, fn );...bind(), .live(), .delegate()所注册的事件： /* The jQuery .bind(), .live(), and .delegate() methods are just...one line pass throughs to the new jQuery 1.8.2 .on() method */ // Bind $( "#members li a" ).on(..."click", function( e ) {} ); $( "#members li a" ).bind( "click", function( e ) {} ); // Live $( document...( "li a", "click", function( e ) {} ); 优点：提供了一种统一绑定事件的方法仍然提供了.delegate()的优点，当然如果需要你也可以直接用.bind() 缺点

7936 0

02-老马jQuery教程-jQuery事件处理

fn 事件处理程序。fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...); // jQuery的事件处理程序中，this也执行绑定当前事件处理程序的dom对象 }); $('#btn').click(function(e){ // e =jQuery.fn.event...高级绑定事件方法 2.1 bind绑定事件的方式语法：bind(type,[data],fn)，这个也是包装对象的方法。含义：为每个匹配元素的特定事件绑定事件处理函数。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。

7.5K0 0

02-老马jQuery教程-jQuery事件处理

fn 事件处理程序。fn的内部作用域中this指向当前的DOM对象（注意不是jQuery的包装对象) 返回值： jQuery的包装对象！！！...高级绑定事件方法 2.1 bind绑定事件的方式语法：bind(type,[data],fn)，这个也是包装对象的方法。含义：为每个匹配元素的特定事件绑定事件处理函数。..., fn) 说明：jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。...on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。on汇总了bind和live两种绑定事件的方式。可以支持一般的bind方法或者委托的方法。

3.6K8 0

jQuery 双击事件（dblclick）时，不触发单击事件(click)

出处：jQuery 双击事件（dblclick）时，不触发单击事件(click) 在jQuery的事件绑定中，执行双击事件(dblclick)时能触发两次单击事件(click)。...即一个标签元素（如div等），如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时，不会触发双击事件(dblclick)，执行双击事件(dblclick...)时却会触发两次单击事件(click)。...先看一下点击事件的执行顺序：单击(click)：mousedown，mouseout，click；双击(dblclick)：mousedown，mouseout，click ， mousedown，...mouseout，click，dblclick；在双击事件(dblclick)，触发的两次单击事件(click)中，第一次的单击事件(click)会被屏蔽掉，但第二次不会。

7.9K3 0

jquery基础事件

二.Query 通过.bind()方法来为元素绑定这些事件。可以传递三个参数：bind(type,[data],fn)： type 表示一个或多个类型的事件名字符串....前提：jquery包的引入准备的html:待续第一部分：添加绑定事件: bind() 1.匿名函数 //使用点击事件 $('input').bind('click',function(){ //...2.普通函数 //普通处理函数 $('input').bind('click',fn); //执行普通函数式无须圆括号 function fn() { alert('点击！')...(){ alert('点击 2'); } $('input').bind('click',fn1); $('input').bind('click',fn2); $('input').unbind...('click',fn1); //只删除 fn1 处理函数的事件

1.7K3 0

JavaWeb18-jquery学习笔记（Java全栈开发）

jquery一.筛选筛选与之前的选择器雷同,筛选提供的都是函数. 1....事件处理和委派 Jquery对象.事件(fn) on:绑定多个事件 one: 绑定一次事件 one() bind和unbind bind:绑定事件,一直使用,直到解绑例如:$btn1.bind(“click...”,function(){}); ===$btn1.click(function(){}); unbind:解绑事件绑定的时候可以指定别名,格式: 事件.别名例如: bind(“click.c1”,...fn); unbind(“click.c1”); trigger和triggerHandler trigger() 触发所有的事件（包括浏览器默认的） triggerHandler() 触发所有的事件（...([毫秒值],[fn]):淡出 fadeTo([毫秒值],小数,[fn]):在指定的时间内,颜色淡化到指定的数字 fadeToggle([毫秒值],[fn]):切换若有则淡出,若无则淡入 <!

7.7K9 0

jQuery：详解jQuery中的事件（二）

*这里要注意的一点是，jQuery的hover()方法准确来说是替代jQUery中的bind("mouseenter")和bind("mouseleave")，而不是替代bind("mouseover"...toggle()方法：toggle()方法的语法结构为： toggle(fn1, fn2, fn3, ...); 　　toggle()方法用于模拟鼠标连续单击事件。...事件对象：也就是之前介绍过的使用bind()方法，例如： $("element").bind("click", function(event){ //event:事件对象 //code... })...$("element").bind("click", function(event){ //event:事件对象 //code... 　//code......jQuery代码如下： $("#delAll").click(function(){ $('#btn').unbind("click"); }) 　　因为元素绑定的都是click事件，所以上面不写“

3.5K3 0

第79天：jQuery事件总结（二）

*这里要注意的一点是，jQuery的hover()方法准确来说是替代jQUery中的bind("mouseenter")和bind("mouseleave")，而不是替代bind("mouseover"...toggle()方法：toggle()方法的语法结构为： toggle(fn1, fn2, fn3, ...); toggle()方法用于模拟鼠标连续单击事件。...1、事件对象：也就是之前介绍过的使用bind()方法，例如： $("element").bind("click", function(event){ //event:事件对象 //code......$("element").bind("click", function(event){ //event:事件对象 //code... 　//code......jQuery代码如下： $("#delAll").click(function(){ $('#btn').unbind("click"); }) 因为元素绑定的都是click事件，所以上面不写“click

2.4K2 0

杨老师课堂之Jquery的筛选,事件,效果,Ajax,javascript跨域)

off(events,[selector],[fn])，在选择元素上移除一个或多个事件的事件处理函数。 bind(type,[data],fn)为每个匹配元素的特定事件绑定事件处理函数。...unbind(type,[data|fn]])，bind()的反向操作，从每一个匹配的元素中删除绑定的事件。...例如：$username.bind("click",function(){}) --> $username.click(function(){}); unbind 解绑事件绑定是可以指定别名...，格式：事件.别名 bind("click.xxx",fn) unbind("click.xxx")  触发（了解） trigger(type,...当鼠标移出这个元素时，会触发指定的第二个函数 toggle(fn,fn2,[fn3,fn4,…])用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件 hover 在mouseover

10.2K2 0

python_day15_前端_jQue

(function()) ('ul').click(function () { 内容 }) // 点击事件无法使用 [标签,.属性,#id].bind( 'click',function() ){... 内容 } $('ul li').bind('click',function () { alert(123) }) // 临时点击事件,每次点击的时候会重新从这里查找 $('ul').on('... // $('ul li').bind('click',function () { // alert(123) // }) //... 隐藏 $('.out').bind('click',function () { $(".window").fadeOut(1000); ...}); // 以上两种功能都包含, 淡入淡出效果 $('.toggle').bind('click',function () {

7K2 0

WEB入门之十四 jQuery事件

data] , fn ] ) 元素的值发生改变时发生的事件 click( [ [data] , fn ] ) 单击鼠标时发生的事件 dblclick( [ [data] , fn ] ) 双击鼠标时发生的事件...5.4.1 bind和unbind bind是从jQuery 1.0版本就出现的事件绑定函数，具体语法如下所示。...jQuery对象 . bind ( type , [data] , fn ) 参数说明： type：表示事件类型 data：该参数可选，表示事件发生时通过event对象传递的值 fn：表示事件发生时的处理函数...jQuery对象 . bind ( { 事件名 : fn() { }, 事件名 : fn() { }, ... ... } ) 下面我们使用这种写法重新实现示例...unbind与bind相反，用来移除某元素绑定的事件，具体语法如下所示： jQuery对象 . unbind ( [ type ] , [ fn ] ) 参数说明： type：可选参数，表示事件类型 fn

1.8K1 0

WEB入门之十四 jQuery事件

[ [data] , fn ] ) 元素的值发生改变时发生的事件 click( [ [data] , fn ] ) 单击鼠标时发生的事件 dblclick( [ [data] , fn ] ) 双击鼠标时发生的事件...5.4.1 bind和unbind bind是从jQuery 1.0版本就出现的事件绑定函数，具体语法如下所示。...jQuery对象 . bind ( type , [data] , fn ) 参数说明： type：表示事件类型 data：该参数可选，表示事件发生时通过event对象传递的值 fn：表示事件发生时的处理函数...jQuery对象 . bind ( { 事件名 : fn() { }, 事件名 : fn() { }, ... ... } ) 下面我们使用这种写法重新实现示例...unbind与bind相反，用来移除某元素绑定的事件，具体语法如下所示： jQuery对象 . unbind ( [ type ] , [ fn ] ) 参数说明： type：可选参数，表示事件类型 fn

1.9K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭