<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Cyh的博客

    Email:kissyan4916@163.com
    posts - 26, comments - 19, trackbacks - 0, articles - 220

    (轉)jQuery入門(8):工具

    Posted on 2010-01-25 00:04 啥都寫點 閱讀(309) 評論(0)  編輯  收藏 所屬分類: JavaScript

    工具

    注:jQuery都可替換為$

    瀏覽器
    jQuery.browser()
    :瀏覽器內核標識。依據 navigator.userAgent 判斷。

    可用值: safari opera msie mozilla

    在 Microsoft's Internet Explorer 瀏覽器中返回 true。

    代碼:$.browser.msie

    僅在 Safari 中提示 "this is safari!" 。

    代碼:

    if ($.browser.safari) {

       alert("this is safari!");

    }

     

    jQuery.browser.version():瀏覽器渲染引擎版本號

    典型結果:

    Internet Explorer: 6.0, 7.0

    Mozilla/Firefox/Flock/Camino: 1.7.12, 1.8.1.3

    Opera: 9.20

    Safari/Webkit: 312.8, 418.9

     

    if ( $.browser.msie )

     alert( $.browser.version );

     

    jQuery.boxModel():當前頁面中瀏覽器是否使用標準盒模型渲染頁面

    在 Internet Explorer 怪癖模式(QuirksMode)中返回 False。

    代碼:$.boxModel

     

    數組和對象操作
    jQuery.each(obj,callback)
    :通用例遍方法,可用于例遍對象和數組。

    代碼:例遍數組,同時使用元素索引和內容。

    $.each( [0,1,2], function(i, n){

     alert( "Item #" + i + ": " + n );

    });

     

    代碼:例遍對象,同時使用成員名稱和變量內容。

    $.each( { name: "John", lang: "JS" }, function(i, n){

     alert( "Name: " + i + ", Value: " + n );

    });

     

    jQuery.extend(target,obj1,objN)用一個或多個其他對象來擴展一個對象返回被擴展的對象

    代碼:合并 settings options修改并返回 settings

    var settings = { validate: false, limit: 5, name: "foo" };

    var options = { validate: true, name: "bar" };

    jQuery.extend(settings, options);

    結果:settings == { validate: true, limit: 5, name: "bar" }

     

    代碼:合并 defaults options, 不修改 defaults

    var empty = {}

    var defaults = { validate: false, limit: 5, name: "foo" };

    var options = { validate: true, name: "bar" };

    var settings = jQuery.extend(empty, defaults, options);

    結果:

    settings == { validate: true, limit: 5, name: "bar" }

    empty == { validate: true, limit: 5, name: "bar" }

     

    jQuery.grep(array,callback,invert)使用過濾函數過濾數組元素

    代碼:過濾數組中小于 0 的元素。

    $.grep( [0,1,2], function(n,i){

     return n > 0;

    });

    結果:[1, 2]

     

    代碼:排除數組中大于 0 的元素,使用第三個參數進行排除。

    $.grep( [0,1,2], function(n,i){

     return n > 0;

    }, true);

    結果:[0]

     

    jQuery.makeArray(obj):將類數組對象轉換為數組對象

    <div>First</div><div>Second</div><div>Third</div><div>Fourth</div>

    代碼:過濾數組中小于 0 的元素。

    var arr = jQuery.makeArray(document.getElementsByTagName("div"));

    arr.reverse(); // 使用數組翻轉函數

    結果:

    Fourth

    Third

    Second

    First

     

    jQuery.map(array,callback)將一個數組中的元素轉換到另一個數組中

    代碼:將原數組中每個元素加 4 轉換為一個新數組。

    $.map( [0,1,2], function(n){

     return n + 4;

    });

    結果:[4, 5, 6]

     

    代碼:原數組中大于 0 的元素加 1 ,否則刪除。

    $.map( [0,1,2], function(n){

     return n > 0 ? n + 1 : null;

    });

    結果:[2, 3]

     

    代碼:原數組中每個元素擴展為一個包含其本身和其值加 1 的數組,并轉換為一個新數組。

    $.map( [0,1,2], function(n){

     return [ n, n + 1 ];

    });

    結果:[0, 1, 1, 2, 2, 3]

     

    jQuery.unique(array)刪除數組中重復元素

    代碼:刪除重復 div 標簽。

    $.unique(document.getElementsByTagName("div"));

    結果:<div>, <div>, ...

     

    測試操作
    jQuery.isFunction(obj)
    :測試對象是否為函數

    代碼:檢測是否為函數

        function stub() {}

         var objs = [

                function () {},

                { x:15, y:20 },

                null,

                stub,

                "function"

              ];

            jQuery.each(objs, function (i) {

            var isFunc = jQuery.isFunction(objs[i]);

            $("span:eq( " + i + ")").text(isFunc);

          }); 

    結果: true,false,false,true,false 

     

    字符串操作
    jQuery.trim(str)
    去掉字符串起始和結尾的空格

    $.trim(" hello, how are you? "); 結果:"hello, how are you?"



                                                                                                           --    學海無涯
            

    主站蜘蛛池模板: 久久久久久精品免费看SSS | 国产中文字幕在线免费观看| 免费无码肉片在线观看| 午夜亚洲AV日韩AV无码大全| 色www永久免费| 亚洲精品无码永久在线观看你懂的| 黄网站色成年片大免费高清| 国产a级特黄的片子视频免费| 亚洲丰满熟女一区二区哦| 国产精品无码免费播放| 亚洲午夜无码毛片av久久京东热| 免费观看激色视频网站bd| 亚洲资源在线视频| 成人浮力影院免费看| avtt天堂网手机版亚洲| 无码永久免费AV网站| 亚洲精品久久无码| 亚洲国产av无码精品| 精品一区二区三区免费视频| 亚洲精品蜜桃久久久久久| 日本黄色动图免费在线观看| 亚洲美女中文字幕| 在线观看av永久免费| 午夜亚洲WWW湿好爽| 亚洲色欲久久久久综合网| 999zyz**站免费毛片| 久久亚洲熟女cc98cm| 亚洲中文无码永久免费| 精品久久亚洲一级α| 亚洲人成国产精品无码| 久久免费公开视频| 亚洲永久中文字幕在线| 好男人视频在线观看免费看片 | 一级做a爱过程免费视频高清| 亚洲免费人成在线视频观看| 免费A级毛片av无码| 亚洲熟妇av午夜无码不卡| 亚洲精品NV久久久久久久久久| 东方aⅴ免费观看久久av| 亚洲色图黄色小说| 国产真实伦在线视频免费观看|