Jquery绑定事件的要领: 利用click、change、mouseout等
jq另一个绑定事件的就是利用.bind()要领
下面利用.bind()要领向DOM元素附加事件,成果是
当输入框没有输入内容时,显示“请输入内容”。鼠标悬停时去掉“请输入内容”
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery利用.bind()要领向DOM元素附加事件</title> <script type="text/javascript" src=""></script> <style type="text/css"> input{color:gray} </style> </head> <body> jQuery利用.bind()要领向DOM元素附加事件,可以绑定多个事件,如下: <input type="text" value="请输入内容" /> <script type="text/javascript"> $(document).ready(function(){ $('input:text').bind({ focus : function(){ $(this).css('color','black'); if($(this).val()==''||$(this).val()==null||$(this).val()=='请输入内容'){ $(this).val(''); } }, blur : function(){ if($(this).val()==''||$(this).val()==null){ $(this).css('color','gray'); $(this).val('请输入内容'); } } }); }); </script> </body> </html>利用.bind()要领可以绑多个,如上就是为输入文本框插手两个事件:
1是当鼠标聚焦时
2是当鼠标失去核心时