上一篇文章和大家分享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知识,当然由于水平有限,本文中有理解不到或者理解错误之处在所难免,敬请读者批评指正,或者在下方留言评论,有则改之无则加勉。