標籤:
工具 + 生產力函數,$命名空間的一系列函數,但不操作封裝集.它要麼操作除DOM元素以外的Javascript對象,要麼執行一些非對象相關的操作。
- JQuery的瀏覽器檢測標誌
可在任何就緒處理常式執行之前使用這些標誌。
$.browser :msie,mozilla,safari,opera,version(引擎的版本)
$.boxModel: 方塊模型,true/false。 決定了元素的內容大小
$.styleFloat: float樣式的名稱,值為字串,供屬性名稱使用 element.style[$.styleFloat]=‘left‘ 《》==》element.css(‘float‘,‘left‘)
- 使用JQuery和其他庫
$.noConflict() 歸還$名稱的控制權給另一個庫,執行後,jQuery功能必須利用jQuery名稱進行調用
另一種方法:建立一個環境,在那裡$名稱的範圍被設定為引用jQuery對象. (function($){xxxx})(jQuery)
另一個聲明就緒處理常式方法:jQuery(function($){xxx}) jQuery總是把jQuery對象的引用作為唯一的第一個參數傳遞給就緒處理常式
- 用於運算元組的函數
| 從傳入的字串中刪除任何前置或尾隨空白字元 |
$.trim(value) |
字串 |
修正後的字串 |
|
| 對傳入的容器的每一項進行迭代,並為每一項調用傳入的回呼函數 |
$.each(container,callback) |
數組|對象 對象的話,其每個屬性將被迭代 函數:參數 index,value
|
容器物件 |
可以通過從迭代器函數返回false而跳出迴圈 (針對數組操作。對象則不可以) |
| 遍曆數組,以便挑選元素構成新的數組 |
$.grep(array,callback,invert) |
數組 函數|字串 函數為true收集,字串會被轉換為回呼函數 invert: true, 反轉函數的正常操作 |
收集的元素組成的新數組 |
$.grep(array,‘a>100‘) jQuery自動產生回呼函數,有兩個參數:a 當前值,i 當前下標 |
| 對數組進行轉換 |
$.map(array,cb) |
數組 函數|字串 函數參數:當前元素以及下標 |
新的數組 |
如果函數返回null或undefined結果就不被收集 |
| 返回已傳入的值在數組裡第一次出現時的下標 |
$.inArray(value,array) |
對象 數組 |
index or -1 |
|
| 從類數組對象建立JavaScript數組 |
$.makeArray(object) |
類數組對象 |
新JavaScript數組 |
|
| 返回原始數組中唯一的元素所構成的數組 |
$.unique(array) |
數組,將被檢查的DOM元素的數組 |
DOM元素的數組,元素各不相同 |
|
- 擴充項物件與合并對象
| 擴充項物件,用傳入的對象擴充target |
$.extend(target,source1,source2...sourceN) |
target:目標對象 一個或多個來源物件 |
擴充之後的目標對象 |
設定對象屬性預設值時比較有用 $.extend(target,options || defaultobj) |
| |
|
|
|
|
- 動態地載入新的指令碼
| 向指定的伺服器發起GET請求,擷取url參數所指定的指令碼 |
$.getScript(url,callback) |
字串 函數,指令碼資源被載入和求值後調用。 參數:從資源載入的文本,字串success |
用於擷取指令碼的XHR執行個體 |
JQuery實踐--工具 + 生產力函數