jQuery利用向DOM元素附加事件

Jquery绑定事件的要领: 利用click、change、mouseout等

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery利用.bind()要领向DOM元素附加事件1</title> <script type="text/javascript" src=""></script> </head> <body> 绑定的另个要领: 利用click、change、mouseout等 <input type="button" value="点我" /> <script type="text/javascript"> $(document).ready(function(){ $('#test').click(function(){ alert('点中了'); }); }); </script> </body> </html>

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是当鼠标失去核心时

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7858.html