事件
常用的一些事件
click(function(){})
hover()//不能做事件委托（不能用on的写法），写法，鼠标移入，移除的不同状态
$('.c1').hover(
//光标移入
function () {
console.log('111');
},
//光标移出
function () {
console.log('222')
})
focus//获得光标
blur//失去光标
keyup//window对象控制键盘，提起
keydown//window对象控制键盘
mouseover//进入识别子标签，遇到子标签就执行，会连续触发
mouseenter//进去只识别一次，并且不识别子标签
input//事件，必须要用on来绑定（实时监听input输入框的内容）
$('input').on('input',function () {
console.log($(this).val())
})
事件绑定
jq对象.on('事件','选择器',function（）)//这句化的以意思是，给选择器赋予
移除事件（不常用）
.off( events [, selector ][,function(){}])
阻止后续事件执行
form表单action为空会默认提交数据给当前页面的url
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阻止默认事件</title>
</head>
<body>
<form action="">
<button id="b1">点我</button>
</form>
<script src="jquery.js"></script>
<script>
$("#b1").click(function (e) {
alert(123);
return false;
// e.stopPropagation();
});
</script>
</body>
</html>
阻止事件冒泡
一个事件执行完后，父级标签如果绑定了同样的事件，会出现回退现象，父级标签也会执行事件
事件委托????
//能把该标签的事件绑定给父级标签，让父级标签去执行操作
页面载入（区别于window对象的onload）
ready(在你页面的图片视频加载完成之前就能执行js代码)//还没有覆盖现象
window。onload//是页面所有的图片视频加载完成之后才执行js代码
each用法
each遍历数组
var li=[1,2,23];
undefined
li
(3) [1, 2, 23]
$(li).each(function(k,v){
console.log(k,v)
})
each遍历多个jq对象
// 为每一个li标签添加foo
$("li").each(function(){
$(this).addClass("c1");
});
终止each循环
return false
。data
设置值
。data(k，v)
。data（{k1:v1,k2:v2}）
取值
.data(k)
移除data
.dremoveData(k)
动画（了解）
插件（了解）
1.
jq对象。extend（{
min：funcion（）{}
max：function（）{}
}）
只能全局的$.max()才能用
2。
jq。fn。extend(
{
max:function（）{}
min：function（）{}
}
)
加了fn标签对象才能用
浙公网安备 33010602011771号