<html> <head> <title>测试JQuery</title> <meta charset = "utf-8"/> <style> .class_1{ background-color: red; } </style> <script type = "text/javascript" src = "../JQuery/jquery.js"></script> <script language = "javascript"> $(document).ready(function(){ window.alert("Hello JQuery!"); }); //这里触发事件后不能输出您好 $('#test').click(function(){ window.alert('您好'); }); </script> </head> <body> <input class = "class_1" type = "button" id="test" value = "点击测试"/> </body> </html>
$(document).ready(function(){ window.alert("Hello JQuery!"); //把代码放在 ready 方法里面 才起作用 因为要等文档加载完成 才能找到 test这个元素 //这里触发事件后不能输出您好 $('#test').click(function(){ window.alert('您好'); }); });
<html> <head> <title>测试JQuery</title> <meta charset = "utf-8"/> <style> .class_1{ background-color: red; } </style> <script type = "text/javascript" src = "../JQuery/jquery.js"></script> </head> <body> <input class = "class_1" type = "button" id="test" value = "点击测试"/> <script language = "javascript"> $(document).ready(function(){ alert("Hello JQuery!"); }); //这里触发事件后不能输出您好 $('#test').click(function(){ alert('您好'); }); </script> </body> </html>
위 내용은 JQuery는 문제를 해결하기 위해 클릭 이벤트를 사용할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!