首頁 > web前端 > js教程 > JQuery使用方法及詳解

JQuery使用方法及詳解

黄舟
發布: 2017-02-27 14:51:38
原創
2122 人瀏覽過

問題? 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)!


#
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板