jQuery是一個JavaScript庫，它通過封裝原生的JavaScript函數得到一整套定義好的方法。在jQuery程序中，不管是頁面元素的選擇、內置的功能函數，都是美元符號“$”來起 始的。而這個“$”就是jQuery當中最重要且獨有的對象：jQuery對象。於$本身就是jQuery對象的縮寫形式：

$(function () {}); //執行一個匿名函數 等同jQuery(function () {});

而且jQuery方法返回的還是jQuery對象，所以可以使用連綴的方法：

$(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘50px‘); //
 
連綴

而"#box"是根據id選擇元素的方式

註釋

jQuery中代碼註釋和JavaScript是保持一致的，有兩種最常用的註釋：單行使用“//...”， 多行使用“/* ... */”

加載代碼方式

在JavaScript中，我們等待頁面body延遲等待加載使用的是window.onload(function(){});方法,而jQuery使用的是$(document).ready(function(){})；簡寫方式就是$(function(){});

獲得原生DOM元素

在JavaScript中我們是使用：

alert(document.getElementById(‘box‘)); //
 
得到id=box的DOM元素

在jQuery中在可以使用，畢竟是對JavaScript的封裝，原生的東西反而不能使用太說不過了，但是jQuery 想要達到獲取原生的 DOM 對象可以這樣:

alert($(‘#box‘).get(0));

處理jQuery與其他庫之間的沖突

比如說有個庫也是用了"$"，就會和jQuery沖突了。結局辦法：

1.可以將這個庫放在jQuery庫後面引入，"$"就屬於這個庫使用了，而jQuery就可以使用jQuery對象替代"$"，或者創建一個新字符給 jQuery 使用：

var $$ = jQuery; //創建一個$$的 jQuery 對象
 

$(function () { 
alert($$(‘#box‘).width()); //這是 jQuery 的$$
});

2.如果覺得處理庫引用的先後順序很麻煩，可以使用jQuery.noConflict()和創建一個新字符給 jQuery 使用的方法相結合：

jQuery.noConflict(); //將$符所有權剔除
var $$ = jQuery;
$(function () {
alert($$(‘#box‘).width());
});

jQuery筆記——基礎知識