注:转载http://blog.csdn.net/zwz19920209/article/details/38751167
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>New Web Project</title>
- <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
- <script type="text/javascript">
- $(function(){
- $("#username").focus(function(){
- $(this).css("backgroundColor","red");
- });
- $("#username").blur(function(){
- $(this).css("backgroundColor","white");
- });
- $("#se").change(function(){
- alert($("#se option:selected").text());
- });
- // $("#btn").click(function(){
- // alert("click");
- // });
- // 只绑定一次单击事件
- // $("#btn").one("click",function(){
- // alert("click22");
- // });
- $("#btn").click(function(){
- alert(111111);
- });
- // 通过jquery触发另一个按钮单击事件
- $("#btn2").click(function(){
- $("#btn").trigger("click");
- });
- $("#btn3").click(function(){
- // 解除事件
- $("#btn").unbind("click");
- alert("解除按钮1的单击事件,请单击按钮1");
- });
- });
- </script>
- </head>
- <body>
- 用户名:<input type="text" id="username" />
- <br/>
- 语言:
- <select id="se">
- <option value="j1">Java</option>
- <option value="c1">C</option>
- <option value="c#1">C#</option>
- <option value="vb1">VB</option>
- </select>
- <br/>
- <input type="button" id="btn" value="按钮1" />
- <br/>
- <input type="button" id="btn2" value="trigger" />
- <br/>
- <input type="button" id="btn3" value="接触按钮1的单击事件" />
- </body>
- </html>