700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 分享jQuery知识之选择器 事件 绑定 解除事件 自定义事件

分享jQuery知识之选择器 事件 绑定 解除事件 自定义事件

时间:2021-06-10 15:07:24

相关推荐

分享jQuery知识之选择器 事件 绑定 解除事件 自定义事件

上一篇文章和大家分享jQuery知识的jQuery介绍、jQuery引入、jQuery语法,有了上一篇的知识之后,再来学习本次课程会变得更加容易。本次课程和大家一起来分享jQuery知识之选择器、事件、绑定解除事件、自定义事件。

jQuery知识之选择器、事件、绑定解除事

jQuery选择器

我们在CSS当中使用过选择器,对选择器并不陌生,jQuery中使用选择器比CSS当中使用选择器要方便得多,而且jQuery给我们提供的选择器更加的多。

jQuery的选择器,主要介绍三种jQuery的选择器,分别是元素选择器、ID选择器和类选择器。结合实例比较好理解,以下是示例代码:

三种jQuery的选择器的使用

元素选择器-使用美元符号,例如:$("p");ID选择器-使用#符号,例如:$("#id");类选择器-使用.符号,例如:$(".pclass");

三种jQuery的选择器的使用

jQuery事件

当点击访问页面时,页面会作出响应,这个响应就是事件。在事件中,我们经常听到的术语“触发”或者“激发”,这是事件中使用的术语,比如:当您点下按钮时,就触发了click事件。

下面通过实例来了解一下jQuery中常用的事件方法。

jQuery中常用的事件方法

示例中介绍了jQuery中四种常用的事-件方法。

click()方法是按钮点击事件,当点击按钮时触发的事件。在实例中当点击测试按钮时,会把测试按钮消失隐藏掉。

dblclick()方法是双击事件,当双击按钮时触发的事件。在实例中当双击测试按钮时,会把测试按钮消失隐藏掉。

mouseenter()方法是鼠标穿过事件,当鼠标移到按钮时触发的事件。在实例中当鼠标移到测试按钮时,会把测试按钮消失隐藏掉。

mouseleave()方法是鼠标离开事件,当鼠标离开按钮时触发的事件。在实例中当鼠标离开测试按钮时,会把测试按钮消失隐藏掉。

jQuery中四种常用的事-件方法

jQuery绑定解除事件

在jQuery中使用bind和unbind方法来实现jQuery绑定事件与jQuery解除事件。下面通过一个示例代码来说明使用bind和unbind方法来实现jQuery绑定事件与jQuery解除事件。

jQuery绑定事件与jQuery解除事件

如果不使用事件绑定,如示例中注释部分,它会存在一些问题,当我们的事件特别多,文档特别大时,要处理的代码过于庞大的时候,这是非常消耗内存的,我们可以使用jQuery所提供的绑定和解除绑定的方式来解决这个问题。

jQuery自定义事件

在jQuery中,jQuery封装了很多的事件供我们使用。除了jQuery自带的事件外,我们也可以自定义事件。有时候还是不能满足我们的需要,我们会自定义事件。下面通过一段示例代码来说明自定义事件的使用方法。

自定义事件的使用方法

示例中用bind绑定事件,用trigger触发事件。

jQuery自定义事件

以上就是分享的jQuery知识之选择器、事件、绑定解除事件、自定义事件的jQuery知识,当然由于水平有限,本文中有理解不到或者理解错误之处在所难免,敬请读者批评指正,或者在下方留言评论,有则改之无则加勉。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。