unbind(type,[data|fn]]):删除每个匹配的元素上已绑定的事件,如果没有参数,则删除该元素上绑定的所有事件
one(type,[data],fn):该方法可以为元素绑定处理函数,当处理函数触发一次后, 立即被删除,即在每个对象上, 事件处理函数只会被执行一次。
trigger(type,[data]):触发每一个匹配元素上某类事件,type表示一个或多个事件类型, data表示传入函数的数据
click([[data],fn]) :鼠标点击匹配元素时触发click事件
keydown([[data],fn]) :当键盘或按钮被按下时触发keydown事件
<html>
<head>
<meta charset="utf-8" />
<title>trigger(type,[data])</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<form id="search" action="https://www.baidu.com/s">
<input type="hidden" name="wd" value="中国"/>
</form>
<script>
$("#search").trigger("submit");
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>click([[data],fn])</title>
<script src="js/jquery-3.3.1.js"></script>
<script>
$(window).keydown(function(event) {
if(event.keyCode == 13) {
console.log("Enter键");
}
});
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>one(type,[data],fn)</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<input type="button" value="按钮"/>
<script>
$("[value='按钮']").one("click", function(){
console.log("仅执行一次");
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>unbind(type,[data|fn]])</title>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<span>白日依山尽,黄河入海流。</span>
<script>
$("span").bind({
mouseover: function() {
$("span").css("color", "red");
},
mouseout: function() {
$("span").css("color", "blue");
}
});
$("span").unbind("mouseover mouseout");
</script>
</body>
</html>