jQuery基础教程第3章(增加）

浏览数：15 / 时间：2015年06月09日

3.2 处理简单的事件

3.2.1 简单的样式转换器

　　.on()方法，可以指定任何DOM事件，并为该事件添加一种行为。

　　.removeClass()方法，可以为指定元素删除类。

　　.addClass()方法，添加类。

3.2.3 利用事件处理程序的上下文

　　利用$()函数可以将DOM元素作为参数，而this关键字可以作为参数。

3种jQuery特性：1、在通过对.on（）的一次调用为每个按钮都绑定相同的单击事件处理程序时，隐式迭代机制再次发挥了作用。

　　　　　　　　2、行为队列机制使得可以在同一个单击事件上绑定了两个函数，而且第二个函数不会覆盖第一个函数。

　　　　　　　　3、利用jQuery的连缀能力将同一元素的各操作压缩到一行代码中。

3.2.5 简写事件

　　$(‘选择符‘).on(‘click‘, function(){ });==$(‘选择符‘).click(function(){ });

3.2.6 显示和隐藏高级特性

　　toggleClass()方法，能够根据相应的类是否存在而添加删除类。

3.3 事件传播

　　.hover()方法。此方法接受两个函数参数。第一个函数会在鼠标指针进入被选择的元素时执行，第二个函数会在鼠标指针离开该元素时触发。

3.4.4 事件委托

　　事件委托利用事件冒泡。

　　.is()方法，接收一个选择符表达式，然后用选择符来测试当前的jQuery对象。

3.4.5 使用内置的事件委托功能

　　.on方法第二个参数是一个选择符表达式，实现事件委托。比较当前jQuery对象和选择符表达式，如果匹配，则代码中this关键字映射到匹配的元素。

3.5 移除事件处理程序

　　.off()方法移除事件处理程序。

3.5.1 为事件处理程序添加命名空间

　　在绑定事件时引入附加信息，以识别特定的处理程序

　　如：

$(‘id‘).on(‘click.eventNameSpace‘, function(){
    
    });

$(‘another‘).off(‘click.eventNameSpace‘）；

3.5.2 重新绑定事件

$(document).ready（function() {
    var toggleSwitcher = function(event) {
        if(!$(event.target).is(‘button‘)) {
            $(‘#switcher button‘).toggleClass(‘hidden‘);
        }
    };
    $(‘#switcher‘).on(‘click.collapse‘, toggleSwitcher):
});

3.6 模仿用户操作

　　.trigger()方法

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jQuery基础教程第3章(增加）