在jQuery中,可以使用bind()方法进行事件的绑定。bind()功能是为每个选择元素的事件绑定处理函数,其语法格式如下所示:
bind(type,[data],fn)
其中参数type为一个或多个类型的字符串,如‘click’或‘change’,也可以自定义类型;
参数data是作为event.data属性值传递给事件处理对象的额外数据对象。
参数fn是绑定到每个选择元素的事件中的处理函数。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>bind方法绑定事件</title> 6 <style> 7 .btn{border: solid 1px #666;padding: 2px;width: 50px;} 8 </style> 9 <script src="jquery.js"></script> 10 <script> 11 $(function(){ 12 $("#btnBind").bind("click",function(){ //绑定多个事件可以用空格隔开,例如:$("#btnBind").bind("click mouseout").function(){ 13 $(this).attr("disabled","disabled"); //按钮不可用 14 }) 15 }) 16 </script> 17 </head> 18 <body> 19 <h3>功能描述</h3> 20 <p>在页面中,设置一个按钮,通过bind方法给按钮绑定一个click事件,在该事件中。</p> 21 <p>将自身的是否可用属性设置成false,即单机按钮后就不可使用。</p> 22 <input type="button" value="Button" id="btnBind" class="btn" /> 23 </body> 24 </html>
结果如下图所示: