1.jQuery中的常用事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>onclick.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../jquery-2.2.4.js"></script> <script type="text/javascript"> //此处演示jquery的点击事件 $(function(){ //jquery除了出色的选择器 考虑了 不同浏览器的兼容性 可以使用 jquery提供的方法 兼容各种浏览器 //选择器的性能问题 表示那种选则器更快此处id最快 id选择器 【class选择器|标签|属性|组合】 //所有的事件之前 没有on //click方法 给按钮绑定点击事件 //dblclick表示双击事件 $("#inp").dblclick(function(){ //此处表示当点击了按钮之后,将div的字体颜色改为红色 $("div").css("color","red"); //提交表单 $("from").submit(); }) $("#inp").dblclick(function(){ alert('我是jquery的第二个事件测试'); }) }) </script> </head> <body> <div>jquery的中的事件测试</div> <form action="www.baidu.com"> <input id="inp" type="button" value="按钮"> </form> </body> </html>
具体的参考事件请参考如下网址:http://www.w3school.com.cn/jquery/jquery_ref_events.asp