jQuery --(1)hello world

時間 2019-11-06

標籤 jquery hello world 欄目 JQuery 简体版

原文原文鏈接

1.下載jQuery，在瀏覽器中輸入jquery官網地址
https://jquery.com/download/
2.有壓縮(產品)/未壓縮(開發，能夠看見源碼)兩個版本我下載的是壓縮版本，連接以下
https://code.jquery.com/jquery-3.1.0.min.js
3.在該頁面直接ctrl+s保存便可，保存文件名稱 jquery-3.1.0.min.js。
4.驗證該js是否可用
1>在jquery-3.1.0.min.js文件同一個路徑下面用sublime text編輯器編寫以下html代碼，命名爲jquery01.htmljavascript

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<!-- 導入 jQuery庫  -->
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
<script type="text/javascript">
	//$(function(){})至關於window.onload
	$(function(){
		//1.選取對象，如:$("對象id")
		//2.爲對象添加響應函數，如：$("對象id").函數
		$("button").click(function() {
			//函數體
			alert("Hello world");
		})
	})
</script>
</head>
<body>
	<button>click</button>
</body>
</html>

2>在火狐瀏覽器中打開jquery01.html，點擊 click 按鈕，彈框顯示"Hello world"，即表示jquery-3.1.0.min.js下載成功，而且可用使用。
5.使用sts(eclipse)完成如上代碼，畢竟開發多在sts下面。
1>新建 Static Web Project工程，命名jquery01。
2>在jquery01的WebContent目錄下面建立jquery01.html文件，代碼同上。
3>複製jquery-3.1.0.min.js文件到WebContent目錄下，注意jquery-3.1.0.min.js文件要與jquery01.html處於同一個目錄下面。
4>點擊jquery01.html文件，右鍵-->Open With-->Web Browser，便會彈出瀏覽器，而後在點擊 click 按鈕，彈框顯示"Hello world"。
備註：我點擊click按鈕，可是並未彈框"Hello world"，網上搜索一番後，以爲是瀏覽器問題，因而修改sts(ecipse)默認瀏覽器，步驟以下：sts-->window-->web browser-->2 firefox。再次點擊click 按鈕，則彈框顯示"Hello world"。html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。