JQuery 語法：

* 1、使用JQuery必須先導入一個JQuery.x.x.x.js文件；
*
* 2、JQuery中的選擇器：
* $("選擇器").函數();
* ① $是JQuery的縮寫，即可以使用jQuery("選擇器").函數();
* ② 選擇器，可以是任何設為CSS文件支持的選擇符；
* 3、文檔就緒函數，防止在文檔未完全加載完成之前，運行JQuery代碼；
* $(document).ready(function(){
*
* //JS代碼 ；
*
* })
* 簡寫形式：$(function(){ });
*
* 文檔就緒函數與window.onload區別
* ① window.onload必須等到網頁中的所有內容加載完成後，才會執行代碼(包括圖片、視頻等資源)；
* 文檔就緒函數，只需要在網頁中的DOM結構加載完畢就會執行；
* ② window.onload只能寫一個，寫多個只會執行最後一個；
* 文檔就緒函數，可以寫多個，並且不會被覆蓋。
* 4、原生JS對象與JQuery對象：
* ①只能調用JQuery函數，只能調用JQuery的函數，而不能使用元素JS的事件與函數；
* $("#p").click(); √
* $("#p").onclick() = function(){} ; x
* 解釋： $("#p")是JQuery對象， onclick是原生JS事件
*
* 同理，使用document.getElement系列獲取的是原生的JS對象，也不能使用JQuery相關函數。
* ②原生JS對象轉為JQuery對象
* 可以使用$符包裹原生JS對象，即可轉為JQuery對象；
* eg： var p = document.getElementsByTagName("p");
* $(p).click(); √ 原生JS的對象p已經轉為JQuery對象；
*
* ③JQuery對象 轉為 原生JS對象。使用.get(index) 或 [index]
* $("#p").get(0).onclick = function(){} √ ；
* $("#p").[0].onclick = function(){} √ ；
*
* 5、JQuery 解決多庫沖突
* 由於其它的JS庫，也可能使用$作為自身標識，導致其它JS庫與JQuery沖突；
*
* 要解決沖突，可以使用$，直接使用JQuery對象。
* [使用自執行函數傳入jQuery對像簡化寫法]
*
* jQuery.noConflict();//調用這個函數，將$控制權讓渡給其它類庫，即JQuery
*
*
*
* !function(j){
* //函數中，就可以用字母J，代替JQuery對象
* }(jQuery);
*

JQUERY的基本概念