jQuery編寫簡單的jQuery代碼

// $('#foo') 和jQuery ('#foo') 是等價的

$(document).ready(function(){  // 等待Dom元素加載完畢
    alert("Hello World!");    // 彈出一個框
}



$(document).ready(function(){
        //........
});

//可以簡寫成
$(function()){
   // ...........
});
// jQuery可以編寫 鏈式風格 
$(this).addClass("current").next().show().parent().siblings();
//    但jQuery代碼本省也應該擁有良好的層次和規范這樣才能進一步改善代碼


//  var $variable = jQuery對象;
//   var variable = DOM對象;

一、jQuery對象轉成DOM對象

jQuery提供了兩種方法將一個jQuery對象轉換成DOM對象,即[index]和get（index）

1.jQuery對象是一個類似數組的對象,可以通過[index]的方法得到相應的DOM對象.

2.另一種方法是jQuery本身提供的，通過get(index)方法得到相應的DOM對象

//第一種
var $cr = $("#cr"); //jQuery 對象
var cr = $cr.get(0);       // DOM對象
//第二種
var cr = $cr.[0]; 

// DOM對象裝 jQuery對象
var cr = document.getElementById("cr");//DOM對象
var $cr = $(cr); // jQuery對象

//轉換后，可以任意使用jQuery中的方法. // 通過以上方法，可以任意地相互轉換jQuery對線和DOM對象 //只有DOM對象才能使用DOM中的方法,jQuery對象不能使用DOM中的方法 //但jQuery對象提供了一套更加完善的工具用於操作DOM

在jQuery庫都被加載完畢后，可以在任何時候調用jQuery.noConflict()函數來將變量$的控制權移交給其他JavaScript庫:

var $j = jQuery.noConflict();// 改變jQuery的快捷寫法 - $j

//將 $變量的控制權 交給其他  類庫