歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery Hello World及注意事項

jQuery Hello World及注意事項

日期:2017/3/1 10:23:56   编辑:Linux編程

今天要把代碼轉移,發現有個js的功能總出問題,懷疑自己是在用Jquery時有文件未引入,遂做了實驗,也發現了一個用JQuery應該注意的地方。

<script type="text/javascript" src="js/jquery132min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//指的是html元素
$("a").click(function() {
alert("Hello world!");
});
});
</script>


<script type="text/javascript">
function testJQuery(){
var s = $("#testId").val();
alert(s);
s = $("#btnId").val();
alert(s);

s = $("#btnName").val();
alert(s);
}
</script>
</head>

<body>
<a href="">Click me to test Jquery</a>
<br/>
<input type="text" id="testId" name="testName" value="bbbbb" >
<input type="button" id="btnId" name="btnName" value="Click" onclick="testJQuery()" >
</body>
</html>

簡單用以上代碼,Hello World來做測試JQery.js是否引入成功。

然後用幾個小輸出來說明今天遇到的小問題.

第一點:JQuery中的#是根據Id來尋找控件的。而非Name。(直到今天才發現這個問題)

第二點:用JQuery時,不id中不能有點,這點在與Struts使用時一定要小心。

Copyright © Linux教程網 All Rights Reserved