JQuery使用方法及詳解

問題？ JQuery使用方法及詳解

1.定義：

JQuery是繼prototype之後又一個優秀的Javascript庫(說白了它還是基於JavaScript的)。它是輕量級的js庫 ，它相容於CSS3，也相容於各種瀏覽器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及後續版本將不再支援IE6/7/8瀏覽器。 jQuery讓用戶能更方便地處理HTML（標準通用標記語言下的一個應用程式）、events、實作動畫效果，並且方便地為網站提供AJAX互動。 jQuery還有一個比較大的優點是，它的文件說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。 jQuery能夠讓使用者的html頁面保持程式碼和html內容分離，也就是說，不用再在html裡面插入一堆js來呼叫指令了，只需要定義id即可。

jQuery是一個相容多瀏覽器的javascript庫，核心概念是write less,do more(寫得更少,做得更多)。 jQuery在2006年1月由美國人John Resig在紐約的barcamp發布，吸引了來自世界各地的眾多JavaScript高手加入，由Dave Methvin率領團隊進行開發。如今，jQuery已成為最受歡迎的javascript函式庫，在全球前10,000個造訪最多的網站中，有超過55%在使用jQuery。

2.作用：我自己總結了一點就jquery能夠比js更能好的操作html相關的標籤。不用像js那樣，需要在html元素中定義各種各樣的觸發。只需要一個id即可完成。

3.使用：

(1)到官網下載jquery版本，點選下載連結1，點選下載連結2.這裡我使用的是jquery-1.11.3.min版本的。

(2)在html、asp、jsp等網頁檔案中匯入該套件

<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>

(3)範例：jquery

	<script>
		$(document).ready(C);
	    function C(){
			$("#a6").html("页面加载我赢了!");
		}
	</script>

以前的js寫法：其實效果是一樣的，但是，jquery能讓我們看著更簡潔點兒。

function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}

 以上就是JQuery使用方法及詳解的內容，更多相關內容請關注PHP中文網（www.php.cn）！

#