3、jQuery事件与函数（headfirst笔记）

绑定事件

方法一：

$("#myElement").click( function() {
    alert($(this).text());
});

方法二：

$("#myElement").on('click', function() {
    alert($(this).text());
});

方法一实际上就是方法二的快捷方式，不过方法一只有当DOM已经存在时才可以使用，但是方法二就没有这个限制。

jQuery on()参考资料

删除事件

$("#myElement").off('click');

当事件用on绑定之后，可以使用off来将事件删除。

当然，如果你的事件如果运行一次之后就删除的话，完全可以用one()来绑定。

jQuery off()参考资料

jQuery each()

循环处理与选择器匹配的各个元素

$(".nav_item").each(function() {
    $(this).hide();
});

jQuery each()参考资料

指定函数

方法一：函数声明

function myFunc1() {
    $("div").hide();
}

方法二：函数表达式

function myFunc2 = function() {
    $("div").show();
}

函数中声明的变量只有在该函数运行时才可用。

函数声明与函数表达式的区别在于调用的时间。函数表达式在遇到并定义这个函数之前不能使用。而函数声明则可以在页面上任意时候调用。

jQuery addClass()

向被选中的元素增加类名，但是并不移除原来已经存在的类名，如果需要添加多个类名的，需要用空格隔开。

$("#header").addClass("hover");

jQuery addClass()参考资料

jQuery removeClass()

从被选中的元素中删除一个或多个类名，如果没有参数的话，将会移除元素所有的类名

$("$header").removeClass("my_hover");

jQuery removeClass()参考资料