一、事件监听
1、在js中事件监听语法element.onclick = function() { ... };
js中是通过"改变属性"
//原生js写法
var a1 = document.getElementById('a1');
a1.onclick=function(){
alert("hello");
};
2、在jq中$("element").click(function(){...})
jq添加事件监听是“调用方法”
$("#a2").click(function(){
alert('hi');
})
二、链式调用
1、在jquery中使用方法的都能返回jq对象,所以可以继续使用" . " 进行调用下一个方法
$("div").hide().addClass("hidden"); // 先隐藏再添加类
2、优点在于,代码简洁性,操作连贯性,性能优化
3、同时链式调用的顺序可能改变 DOM 状态,需注意逻辑顺序