JQuery實踐--工具 + 生產力函數

來源:互聯網
上載者:User

標籤:

工具 + 生產力函數,$命名空間的一系列函數,但不操作封裝集.它要麼操作除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實踐--工具 + 生產力函數

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.