jQuery和它的基本用法

定義:jQuery:是個優秀的javascript庫,其理念是“寫得少,做得多”(write less,do more)。在jQuery中,$就是jQuery的一個簡寫形式。例如:$(“#foo”)和jQuery(“#foo”)是等價的;$.ajax和jQuery.ajax是等價的。


常用方式:在jQuery中,通過使用:

  $(document).ready(function(){
          // DOM結構繪製完畢後執行此處代碼

   });

可以編寫DOM結構繪製完畢後執行的代碼  該結構也可簡寫成:

  $(function(){
          // DOM結構繪製完畢後執行此處代碼
    });


在script標籤中使用到jQuery時候要導入jQuery包,例子如下(我的jQuery是下載好了的,src也可以寫網頁地址,如果是本地的jQuery寫src的時候注意地址書寫是否正確,我是放在與我的.html文件放在同一個文件夾下是同一級):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的第一個jQuery網頁</title>
	<!--引入jQuery庫-->
	<script type="text/javascript" src="jquery-3.1.1.js"></script>
	<script type="text/javascript">
	    $(function(){
	    	alert("hello,歡迎學習jQuery!");
	    });
	</script>
</head>
<body>
	
</body>
</html>


可以看一下jQuery庫中都有什麼東西,可以從網上下一個參考手冊,會方便使用





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章