如何使jQuery click()函数只运行一次 - 腾讯云开发者社区

文章/答案/技术大牛

发布

从一个bug说jquery的事件注册和触发机制

bind("myevent",function(){ console.log('i get it') }) 运行后...bind方法对应jQuery.event.add。 trigger方法应jQuery.event.trigger，并最终落实到jQuery.event.handle执行。...(elem, "events"); handlers = events[type]; /*以唯一id为key，存入新的处理函。...，此函数只是拿来作缓存之用，所有数据存到了jQuery.cache。...cache就是jQuery的一个内部变量，被初始化为{}。

1.2K3 0

day01jQuery节点操作

和js对象之间的转换 jQuery对象只能使用jQuery中提供的函数或属性，同样的jQuery中的属性或函数只能由jQuery对象调用....JS对象只能使用JS中提供的函数或属性，同样的JS中的属性或函数只能由JS对象进行调用 3.1 jQuery对象转js对象 jQuery中提供了get(index)函数用于对象的转换，同时可以使用数组下标的形式进行转换...1、onload事件是在页面的DOM结构及图片资源都加载完毕后执行的，而ready事件是在DOM结构加载完后执 2、onload事件只能使用一次，ready事件可使用多次 //onload是在页面结构都加载完毕...(function(){ alert('body up') }) 如何阻止事件冒泡？...(function(){ alert('body up') }) 如何阻止事件冒泡？

5920 0

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

是的

没有找到

jQuery

给我们做了封装，使获取元素统一标准。...参数只写属性名，则是返回属性值 >$(this).css(''color''); 参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号 >$(this...//(2)注意:stop()写到动画或者效果的前面，相当于停止结束上一次的动画。只执行最新的一次。...当只想让事件触发一次，就会用到解绑事件。...（也可以把绑定事件的on()改为one()表示事件只触发一次） $("p").off(); // 解绑p元素所有事件处理程序 $("p").off( "click"); // 解绑p元素上面的点击事件

23K5 0

JavaScript 中至关重要的 Bind

JavaScript 中至关重要的 Bind 我们用 Bind() 来实现在指明函数内部 this 指向的情况下去调用该函数, 换句话说, bind() 允许我们非常简单的在函数或者方法被调用时绑定...为了解决之前例子中存在的问题, 我们利用 bind() 方法将 $("button").click(user.clickHandler); 换成以下形式: $("button").click(user.clickHandler.bind...(user)); 再考虑另一个方法来修复 this 的值: 你可以给 click() 方法传递一个匿名回调函数, jQuery 会将匿名函数的 this 绑定到按钮对象上. bind() 函数在 ECMA...-262 第五版才被加入；它可能无法在所有浏览器上运行。...你可以一次性地调用 curry 函数, 也可以每次只传一个参数分多次调用, 以下为一个简单的示例. var add = function(x) { return function(y) {

7543 0

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

语法：$dom.one(type,[data],fn) 说明：为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。...在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。...实例： // 当所有段落被第一次点击的时候，显示所有其文本。...为此需要再使用一次 .bind() 才行。参数: type:一个或多个事件类型，由空格分隔多个事件。...data:传递到函数的额外数据 fn:当事件发生时运行的函数实例: 这是一个段落。

3.7K8 0

硬核解析，巧用案例学习jQuery框架三种事件绑定方式

jquery如何进行事件的绑定！..."> // 设置入口函数 $(function () { // 设置点击相应事件 /*$("#name").click(..."> $(function () { // 使用on方法给第一个按钮添加事件绑定 $("#btn").on("click",function...() { alert("第一个按钮解绑了~") // 解除绑定事件 // $("#btn").off("click.../javascript"> $(function () { // toggle函数只能用于1.xx版本，使用时需要引入插件 $("#btn

2.8K1 0

JS面向对象二:this原型链new原理

", function () { console.log(this) }) //3.jQuery中 $("ul").on("click", "li", function () { console.log...jQuery中: ?...但是由于回调函数的调用者往往不是我们自己，而是回调函数的接收者，即某个库或框架、甚至是JS运行时环境。...ES6新增的class语法定义的函数只能作为构造函数，ES6新增的=>语法定义的箭头函数只能作为普通函数。 ....比如:当我们造士兵的时候,士兵有共有属性,有自有属性,那么我们可以把共有属性放在一个地方,避免每一次创建士兵都把共有属性重新创建一次,浪费内存: ?

2.5K3 0

最常见的 20 个 jQuery 面试问题及答案

（答案如下） () 函数是 jQuery() 函数的别称，乍一看这很怪异，还使 jQuery 代码晦涩难懂。一旦你适应了，你会爱上它的简洁。...你需要知道如何为按钮设置事件并执行hide() 方法，代码如下所示： $( '#ButtonToClick' ).click( function (){ $( '#ImageToHide' )...另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。...你需要知道如何为按钮设置事件并执行hide() 方法，代码如下所示： $( '#ButtonToClick' ).click( function (){ $( '#ImageToHide' )...另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。

15.3K3 0

前端成神之路-01_jQuery

1.3. jQuery 选择器原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.3.1....常用以下三种形式 : // 1.参数只写属性名，则是返回属性值 var strColor = $(this).css('color'); // 2....() { alert(1); }); }) $("button").eq(1).click...() { alert(1); }); }) $("button").eq(2).click...stop() 写到动画或者效果的前面，相当于停止结束上一次的动画。总结: 每次使用动画之前，先调用 stop() ,在调用动画。 1.5.6.

13.2K1 0

jquery对象和dom对象的相互转换

#msg").html(); $("#msg")[0].innerHTML; $("#msg").eq(0)[0].innerHTML; $("#msg").get(0).innerHTML; 3、如何获取...(function(){alert($(this).html())}) //为每个p元素增加了click事件，单击某个p元素则弹出其内容 6、扩展我们需要的功能 $.extend({ min:...如： $("#msg").click(function(){alert("good")}) //为元素添加了单击事件 $("p").click(function(i){this.style.color...addClass("over"); }, function(){ $(this).addClass("out"); }); （2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函...例如： $("p").trigger("click"); //触发所有p元素的click事件（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定

4.5K4 0

WEB入门之十二 jquery简介

出色的DOM封装 jQuery封装了大量的DOM操作，使原本复杂的的DOM操作变得非常简单。 ...jQuery能够在IE 6.0+、FF 2+、Safari 2+、Opera 9+和Chrome下正常运行。...上述代码还涉及到了jQuery中的鼠标单击事件click。...与前面所学的DOM事件相比，jQuery事件的名字把“on”去掉了，例如DOM事件onclick在jQuery中是click；DOM事件onmouseover在jQuery中是mouseover。...A. html()函数只能用来获取信息 B. val()函数只能用来获取value属性的值 C. jQuery对象拥有innerHTML属性 D. jQuery对象和DOM对象可以相互转换 4.

5361 0

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery是一种JavaScript库，实现了常见任务的自动化和复杂任务简单化。 jQuery库为Web脚本编程提供了通用的抽象层，使之适合任何脚本编程情景。...（就绪）之前运行 jQuery 代码。...(function(){ //无参数的暂停，一次点击，暂停一个animate动画，点击两次暂停两个动画 $(“div”).stop(); }); $(“#stop2”).click...**Chaining 允许我们在一条语句中运行多个 jQuery 方法**（在相同的元素上） ### jQuery 方法链接有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery...下面的例子演示如何获得链接中 href 属性的值： $(“button”).click(function(){ alert($(“#derwer”).attr(“href”)); //警告框弹出

18.3K3 0

jQuery学习笔记

jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换使用 $()得到的是一个jQuery对象。...事件类型行为事件： .click() 单击 .dbclick() 双击 .blur() 失去焦点时 .change() 值变化时 .focus() 获取焦点时 .focusin() jQuery扩展的获取焦点...请求与回调 jQuery的AJAX，核心的请求处理函数只有一个，就是 $.ajax()，然后就是一个简单的上层函数。...process可以被重复激发，而 done和 fail只能激发一次。然后，jQuery提供了一些函数用于添加回调，激发状态等。...flags是空格分割的多个字符串，以定义此回调对象的行为： once 回调链只能被激发一次 memory 回调链被激发后，新添加的函数被立即执行 unique 相同的回调函数只能被添加一次 stopOnFalse

4.3K2 0

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

，浏览器会检测不是针对该事件的监听器（用来捕获事件），并运行非捕获事件的监听器。...二、$().click() 作用：为目标元素绑定点击事件源码： //这种写法还第一次见，将所有鼠标事件写成字符串再换成数组 //再一一绑定到DOM节点上去 //源码10969行 jQuery.each...().off( event ); //在origFn运行一次的基础上，让origFn调用fn方法，arguments即event return origFn.apply(...注意下 if ( one === 1 ) 这种情况，是 $().one()在on()里的具体实现，即调用一次on()后，就执行jQuery().off( event )，卸载事件。..."" ), 可以看到 jQuery 的 id 是由 jQuery + 版本号+ Math.random() 生成的关于 Math.random() 是如何生成伪随机数的请看：https://www.zhihu.com

2.4K2 0

jQuery介绍，一篇就够了！

使用方式引入 jQuery 文件 jQuery Path"> 基本语法 $(selector).action(); or...element).hover(over(),out()); //元素被点击时的切换动作 $(element).toggle(fn1(),fn2(),fn3(),···); //元素点击事件 $(element).click...(fn()); //鼠标事件 $(element).mouseover(fn()); $(element).mouseout(fn()); //只响应一次事件 $(element).one(type,[...data],fn); //在每一个元素上触发一次某事件 $(element).trigger(type,[data]); Effects $(element).focus([function]);...}, success: function (json) { //客户端jquery预先定义好的callback函式，成功获取跨域服务器上的json资料后，会动态执行这个callback函式。

8992 1

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

语法：$dom.one(type,[data],fn) 说明：为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。...在每个对象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。...实例： // 当所有段落被第一次点击的时候，显示所有其文本。...为此需要再使用一次 .bind() 才行。参数: type:一个或多个事件类型，由空格分隔多个事件。...: click(简单绑定事件) // bind : 普通绑定事件方法 // one : 事件只执行一次。

7.5K0 0

FreeRTOS（十一）：其他任务 API 函数

学过了 FreeRTOS 的任务管理，但是真正涉及到的与任务相关的 API 函数只有那么几个：任务的创建、删除、挂起、恢复。...2、函数 vTaskPrioritySet() 此函数用于改变某一个任务的任务优先级，要使用此函数的话宏 INCLUDE_vTaskPrioritySet...如果要使用此函数的话宏INCLUDE_xTaskGetCurrentTaskHandle 应该为 1。...8、函数 xTaskGetIdleTaskHandle() 此函数用于返回空闲任务的任务句柄，要使用此函数的话宏 INCLUDE_xTaskGetIdleTaskHandle...20、函数 GetThreadLocalStoragePointer() 此函数用于获取线程本地存储指针的值，如果要使用此函数的话宏configNUM_THREAD_LOCAL_STORAGE_POINTERS

2.9K3 0

移除jQuery好像也没那么难

为了节省大家的时间，我编写了这个实用的参考指南，列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。...或者选择所有 .box 的实例 document.querySelectorAll(".box"); 在选择中的所有元素上运行函数 querySelectorAll() 返回一个包含所有匹配查询元素的...// jQuery $(".button").click(function(e) { /* 处理点击事件 */ }); $(".button").mouseenter(function(e) { /*...的 .on() 方法使你可以处理动态添加到 DOM 中的元素的事件。...#000 document.querySelector(".box").style.color = "#000"; 使用 jQuery，你可以通过传递一个包含键值对的对象一次性设置多个样式。

2.5K1 0

WEB入门之十五属性和样式

本章将学习如何使用jQuery进行标签属性和CSS样式操作，jQuery提供了大量的函数来帮助开发人员简化对标签属性和CSS样式的操作。 ...的attr函数实现了全选/全不选效果，但是在运行时发现全选可以用，全不选则不能用。...document.write("是否为数字："+$.isNumeric(val)); } ) 上述代码使用type和isNumeric函数对文本框的值进行了检测，运行效果如图...本章将学习如何使用jQuery进行标签属性和CSS样式操作，jQuery提供了大量的函数来帮助开发人员简化对标签属性和CSS样式的操作。...A. css函数一次只能对一个样式属性进行控制 B. offset函数只能用来获取位置信息 C. height函数只能用来获取元素的高度 D. offset函数获取的位置信息是相对于浏览器的 4.

5971 0

E026Web学习笔记-JQuery（四）：动画、遍历、事件、插件

或表示动画时长的毫秒数值(如：1000)； easing：(Optional) 用来指定切换效果，默认是"swing"（慢快慢），可用参数"linear"（匀速）； fn：在动画完成时执行的函数，每个元素执行一次...[easing],[fn])：淡入将隐藏的样式通过改变其透明度（0-1），让他显示出来； fadeOut([speed],[easing],[fn])：淡出将显示的样式通过改变透明度（1-0），使他隐藏...for(a of $lis){ document.write(a.innerText+""); } 运行结果：三、事件绑定 1、JQuery...off解除绑定绑定事件： jq对象.on("事件名称",回调函数); 解绑事件： jq对象.off("事件名称"); 3、事件切换：toggle jq对象.toggle(fn1,fn2); 含义：点一次执行...fn1函数，再点一次执行fn2函数，如此循环；注意： 1.9版本 .toggle(function, function, … ) 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。

2960 0

点击加载更多

从一个bug说jquery的事件注册和触发机制

day01jQuery节点操作

jQuery

JavaScript 中至关重要的 Bind

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

硬核解析，巧用案例学习jQuery框架三种事件绑定方式

JS面向对象二:this原型链new原理

最常见的 20 个 jQuery 面试问题及答案

前端成神之路-01_jQuery

jquery对象和dom对象的相互转换

WEB入门之十二 jquery简介

jQuery Cheat—Sheet（jQuery学习笔记）

jQuery学习笔记

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

jQuery介绍，一篇就够了！

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

FreeRTOS（十一）：其他任务 API 函数

移除jQuery好像也没那么难

WEB入门之十五属性和样式

E026Web学习笔记-JQuery（四）：动画、遍历、事件、插件

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐