将事件添加到没有事件的jquery类中？

将事件添加到没有事件的jQuery类中可以通过使用.on()方法来实现。该方法可以为指定的元素添加事件处理程序。

示例代码如下：

$('.my-element').on('click', function() {
  // 处理点击事件的代码
});

在上述代码中，.my-element是一个jQuery类，如果该类没有绑定任何事件，可以使用.on()方法为其添加点击事件处理程序。当.my-element元素被点击时，绑定的函数将被执行。

关于jQuery的更多信息和使用方法，可以参考腾讯云的相关产品和文档：

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

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

一、jQuery中的事件　　1、加载DOM：　　执行时机：在常规的JavaScript中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法...要解决这个问题，可以使用jQuery中的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件中绑定一个处理函数。...第二个参数是可选参数，作为event.data属性值传递给事件对象的额外数据对象。第三个参数则是用来绑定的处理函数。举个实际的例子，下面网页中，单击“标题”链接将显示内容。　　... 　　按照需求，需要完成以下几个步骤：　　（1）等待DOM装载完毕；　　（2）找到“标题”所在的元素，绑定click事件；　　（3）找到“内容”元素，将“内容”显示出来。...明天继续完成jQuery事件的下半部分，包括的内容有合成事件、事件冒泡、移除事件等内容。

1.6K2 0

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

上一篇讲到jQuery中的事件，深入学习了加载DOM和事件绑定的相关知识，这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。　　...接上篇jQuery：详解jQuery中的事件（一）　　3、合成事件　　jQuery有两个合成事件——hover()方法和toggle()方法，同ready()方法一样，这些都是jQuery自定义的方法...//获取并显示“内容”元素 }).bind("mouseout", function(){ $(this).next().hide(); }); }) 　　可以将这个例子改写成以下的...*这里要注意的一点是，jQuery的hover()方法准确来说是替代jQUery中的bind("mouseenter")和bind("mouseleave")，而不是替代bind("mouseover"...显然移除元素上的所有事件是使用没有第二个参数的unbind()方法。　　如果没有第一个参数，则移除所有绑定的事件；否则只删除该类型的事件。

2.2K3 0

JQuery中事件是否发生的判断

e.target == $("#id/.class")[0]) { //函数体 } }); }); target 属性规定哪个 DOM 元素触发了该事件

1.4K1 0

jQuery的事件模型

前几天自己着重读了jQuery1.11.1的源码，又结合了之前对DE事件模型的分析，最后也实现一个简陋的事件模型。 jQuery的事件系统离不开jQuery的缓存系统。...jQuery的第一代缓存是直接将数据存储在缓存体这个数据结构中，但是需要在元素上添加一个uuid来作为标示，标记在缓存体中的位置。...所以jQuery第二代缓存系统应运而生，这次不对元素进行添加属性，而是判断元素的valueOf()方法的返回值，如果没有返回值是对象，则说明缓存体中并没有该元素的缓存数据，进而使用ECMA5的Object.defineProperty...简单讲述了缓存系统，现在着重讲解下jQuery的事件系统：主要使用了几个数据结构，即元素的缓存体，Event构造函数，和Handler构造函数。　　...其次就是对fn的封装，在库中，fn的包装函数实现了新事件对象的创建，以及对新创建的事件对象的修补，并调整了在回调中this的指向。

9368 0

jquery的事件&动画

一、事件在1.7之前的版本中jQuery处理事件有多个方法， (google 搜索: jquery live bind degelate)作用各不相同，后来统一的使用on/off方法 1、.on( events...最大的问题是，后面新增的元素没有绑定click显示值的事件，需要使用事件代理解决这个问题 $('.box li').on('click', function(){ var str = $(this)...二、动画 1、.hide([duration ] [,easing ] [,complete ]) 用于隐藏元素，没有参数的时候等同于直接设置display属性=none 参数1：动画时长的毫秒数值(如...是组包含作为动画属性和终值的样式属性和及其值的集合,动画将根据这组对象移动。...: '+=50', height: 'toggle' }, 5000, function() { // Animation complete. }); }); 2、.clearQueue 清除动画队列中未执行的动画

1.7K2 0

jquery中各个事件应用实例

jquery_shijian_function.html... ...background-color","red"); }, function(){ $("body").css("background-color","yellow");//注意yellow的写法...--class="change"不能放在此里面，因为其改变的是框内的背景颜色--> Input anything:<input type="text" name="inputtext" class

6776 0

jquery中失去焦点事件_easyui失去焦点事件没触发

触发焦点： $(“Element”).focus() 触发每一个匹配元素获得焦点事件。...$(“Element”).focus(function) 事件会在获得焦点的时候触发，既可以是鼠标行为，也可以是按tab键导航触发的行为，并且绑定一个处理方法。...失去焦点： $(“Element”).blur() 触发每一个匹配元素失去焦点事件。...$(“Element”).blur(function) 事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的行为，并且绑定一个处理方法。

4.8K2 0

怎么设置jQuery中的事件和动画

案例1：测试两种方式的区别【个数+顺序】 1.2. 绑定事件两种方式 1.2.1....事件传播(事件冒泡) 1.4.1. 传播：小---->中---->大 1.4.2....(事件冒泡) //给p标签添加点击事件现在点击p标签的内容就可以触发事件，点击页面的其它位置不会触发。...; }) //给div添加点击事件,点击了p标签就会触发到两个事件,p属于div的一部分。...// $("#xy").text(x+","+y); // }) //pageX：页面左上角的坐标 //给div添加鼠标移动事件，求出以网页左上角为0,0 起始点的

2.4K1 0

JavaScript 事件委托以及jQuery对事件委托的支持

事件委托事件委托允许我们不必为某些特定的节点添加事件监听器，而是将事件监听器添加到（这些节点的）某个 parent节点上。...解决方法：利用事件冒泡传递的机制，将本来本元素要完成的事件处理逻辑，委托给父类节点，父类节点根据触发事件的节点信息，执行对应的事件处理逻辑。...jquery 对事件委托的支持在jQuery里对事件委托的支持，有以下几个函数： ?...jQuery还有另外一种方式：将元素的事件处理委托给DOM根节点来处理，这种方式是live()方式： live(type, [data], fn) type : 事件类型 data ：附加的额外数据...第二，理论上委托会导致浏览器额外的加载，因为在容器内的任意一个地方事件的发生，都会运行事件处理函数，所以多数情况下事件处理函数都是在空循环（没有意义的动作），通常不是什么大不了的事儿。

8006 0

jQuery中的一些事件以及动画

//以下内容是jQuery中的一部分（仅供参考）事件加载Dom两种方式加载事件我们有两种方式，一种就是javascript直接写：window.onload来加载。...还有一种就是我们的jQuery中的加载方式$(function(){}) window.onload方式 window.onload：在整个月面中所有内容加载完成后，才会执行事件。...); }) 在理论上面jQuery方式的加载事件要比window.onload方式的加载事件先执行。...在jQuery类库的不同版本中效果可能不太一样(1.0、2.0、3.0),和浏览器也有关系案例1：测试两种方式的区别【个数+顺序】区别1：顺序，上面我们已经测试了，理论上先执行jQuery方式...但是也有可能会受到jQuery类库版本或者浏览器的影响。

2K2 0

jQuery 事件(三) 事件的绑定和解绑、对象的使用、自定义事件

jQuery根据 W3C 标准规范了事件对象，所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象 ...event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 event.currentTarget : 在事件冒泡过程中的当前...DOM元素； .this和event.target都是dom对象如果要使用jquey中的方法可以将他们转换为jquery对象。...自定义事件对象，是jQuery模拟原生实现的自定义事件可以传递参数 triggerHandler事件 trigger事件还有一个特性：会在DOM树上冒泡，所以如果要阻止冒泡就需要在事件处理程序中返回...尽管 .trigger() 模拟事件对象，但是它并没有完美的复制自然发生的事件，若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替 triggerHandler

4K3 0

锋利的JQuery —— 事件和动画

大图猛戳

62410 0

jquery获取元素绑定的事件

一个简单的记录，在调试jquery的事件绑定时会用到。查看某元素是否绑定上了事件。...在JQuery1.8之前： obj=$('div.event');obj.data('events'); 在JQuery1.8中： objs=$('div.event');$...._data(objs[0],'events'); 参考： http://stackoverflow.com/questions/12214654/jquery-1-8-find-event-handlers

4.2K2 0

JQuery的属性操作及事件

（不会更改DOM结构），但是该属性是存在的，且可以获取输出②attr()：在元素本身是可以看到设置的属性，也可以获取输出二、遍历操作1、区别（1）隐式迭代：给同一类元素做同样的操作（2）遍历操作：给同一类元素做不同的事情...,如果父级没有定位,那就是以文档为准 $('button').on('click...('仅一次');})5、自动触发事件$('button').click()五、插件jQuery插件库-收集最全最新最好的jQuery插件小伙伴可以在这个网站找喜欢的作品，下载压缩包后，可以直接看效果，而且都有源码的哦

1.7K7 0

JQuery各种点击事件的区别

在工作中，经常用到js的点击事件，有好多种表现形式，今天抽空总结一下它们的区别与联系。废话不多说，开始写测试案例。首先声明，本人水平有限，如果有错误之处，还请指正。...script> hideOrShow click me 在动态加载出的元素中...，添加的事件。...其次，在js操作的效率上： $('body').on('click', '#btn_delete', function() {});方式为运用事件冒泡，有效减少内存的占用。...原理为首先确定第一个标签$('body')的位置，再在下面搜索#btn_delete的位置，执行click事件冒泡方式的恰当运用为： $('.action-box').on('click', '#btn-add

2.9K4 0

JQuery 对控件的事件操作

JQuery是非常棒的js类库，有丰富的UI库和插件，不过我钟爱他的是他的选择器，感觉其他功能有时跟后台人员距离很远，所以一般我也只使用一下他的选择器。...对于控件的事件，jQuery已经提供了丰富的方法，包括绑定、一次绑定、触发等，阿拉今早看看叫一哪能用额伐，大虾路古就可以了。...jQuery的绑定事件非常方便，有bind、live、one还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要 $("#testButton")...我这里取消了绑定，又删除了特定的绑定，为什么还会执行Eat呢？其中的原由要看jQuery的类库了，我估计它只删除了通过JQuery绑定的那些事件了，呵呵。那这时候我们该如何呢？...好在jQuery有很多方法，其中一个就是attr，他是对Dom元素的属性进行操作，我们利用attr来消除input上的click事件。

1.8K6 0

JQuery的delegate事件参数说明

JQuery的delegate事件： delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。...使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。...$(selector ).delegate(childSelector ,event ,data ,function ) 注意了： delegate是用在父子元素之间的一个事件，意思就是说childselector.../javascript”> (this).slideToggle(); }); (“button”).click(function(){ 如果子元素不是标签元素而是类元素或者ID元素...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

1.1K1 0

jQuery键盘事件的应用【jQuery框架应用入门13】

表5-4键盘按键事件键盘事件说明 keydown 当键盘按下时第一个发生的事件，对所有按键有效 keypress 当键盘按下时第二个发生的事件，对中文和特殊按键无效 keyup 当键盘弹起时发生的事件...利用jQuery对整个页面上下文分别做了三个键盘事件的绑定，先打开chrome浏览器的console窗体，然后在文本框中随意输入一个英文字母或数字时，就可以看到这个在三个键盘事件的执行顺序，如图5-14...图5-14键盘按下效果但是当输在文本框中输入中文时，发现keypress事件并没有被执行，如图5-15所示，只在console窗体中输出了keydown事件和keyup事件。...图5-15按下中文按键测试在jQuery中，如果你要获取键盘输入的是什么按键，那么可以利用事件参数的which属性即可（event.which）。...a，此时在console窗体中的keydown事件中显示的却是大写字母A对应的ascii码值65，而在keypress事件中显示的是正确的小写字母a对应的ascii码97。

1251 0

selecpoll中的读写事件和epoll中的读写事件

在Linux网络编程中，常常使用select和poll来做事件触发，监听socket的读写状态，然后进行读写操作。...现在新的linux内核中，增加了epoll事件触发机制，具有更高的性能和更好的设计理念，可以用它来完全代替select和poll。...（引自《使用EPOLL进行网络编程》，这篇文章主要是进行一个读写事件的总结，不会过多地讨论epoll，而且本人也是初学）一、select/poll中的读写事件 1.下列四个条件中的任何一个满足时，...连接的写这一半关闭。对这样的套接字的写操作将产生信号SIGPIPE c.有一个套接字错误待处理。...）写事件的发生 1、连接建立成功后可写（accept获取的套接字或者客户端建立连接的套接字） 2、缓冲区可写通过上面的分别阐述，epoll的读写事件区分要比select/poll清晰一些，epoll

3.1K4 0

事件处理类，收到事件后具体的业务处理逻辑

事件生产类，定义如何将业务逻辑的事件转为disruptor事件发布到环形队列，用于消费： package com.bolingcavalry.service; import com.lmax.disruptor.RingBuffer...，这是个可用位置 long sequence = ringBuffer.next(); try { // sequence位置取出的事件是空事件...; } finally { // 发布 ringBuffer.publish(sequence); } } } 事件处理类...> consumer) { this.consumer = consumer; } // 外部可以传入Consumer实现类，每处理一条消息的时候，consumer的accept...sequence [{}], endOfBatch [{}], event : {}", sequence, endOfBatch, event); // 这里延时100ms，模拟消费事件的逻辑的耗时

5893 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云