$("#+控件的id")
例如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQuery获取元素的方式</title> <script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script> <script> //传统方式的元素获取 $(function(){ document.getElementById("btn").onclick=function(){ location.href="惊喜.html"; } //JQuery的获取 ====== $("#btn") /* $("#btn").click(function(){ location.href="惊喜.html"; });*/ }); </script> </head> <body> <input type="button" value="点我有惊喜！" id="btn" /> </body> </html>惊喜HTML:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打飞机</title> <style> div{ border: 1px solid white; width: 500px; height: 300px; margin: auto; text-align: center; } </style> </head> <body> <div> <img src="../../img/飞机05.gif" width="100%" height="100%"/> </div> </body> </html>效果：
