38. jQuery-使用bind()方法绑定事件

版权声明:本文为大都督作者的原创文章,未经 大都督 允许也可以转载,但请注明出处,谢谢! 共勉! https://blog.csdn.net/qq_37335220/article/details/85243712

语法格式:

bind(type, [data], fn)

其中参数type为一个或多个类型的字符串,如“click”或“change”,也可以自定义类型;可以被参数type调用的类型包括blur、focus、load、resize、scroll、unload、click、 dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup、error。
参数data是作为event.data属性值传递给事件对象的额外数据对象。
参数fn是绑定到每个选择元素的事件中的处理函数。

1. 效果图

在这里插入图片描述

2.html代码

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>38 jQuery-使用bind()方法绑定事件</title>
      <style type="text/css">
           .btn {border:#666 1px solid;padding:2px;width:50px;
                 filter: progid:DXImageTransform.Microsoft
                 .Gradient(GradientType=0,StartColorStr=#ffffff,
                 EndColorStr=#ECE9D8);}
    </style>
</head>
<body>
	<input id="btnBind" type="button" value="Button" class="btn">
<script src="../jquery.min.js"></script>
<script type="text/javascript">
	//第二种方法
	$(function(){
		$("#btnBind").bind("click mouseout", function(){
			//点击后按钮不可用
			$(this).attr("disabled", "disabled")
		})
	});
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_37335220/article/details/85243712