jQuery函數(瀏覽器版本/isEmptyObject/isPlainObject/contains/trim/param/extend)

1、獲取瀏覽器版本信息

通過$.browser對象可以獲取瀏覽器的名稱和版本信息,如$.browser.chrome爲true,表示當前爲Chrome瀏覽器,$.browser.mozilla爲true,表示當前爲火狐瀏覽器,還可以通過$.browser.version方式獲取瀏覽器版本信息。

<!DOCTYPE html>
<html>
    <head>
        <title>獲取瀏覽器名稱和版本號</title>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
    </head>
    
    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">獲取瀏覽器名稱和版本號</span> 
            </div>
            <div class="content"></div>
        </div>
        
        <script type="text/javascript">
            $(function () {
                var strTmp = "您的瀏覽器名稱是:";
                if ($.browser.chrome) { //谷歌瀏覽器
                    strTmp += "Chrome";
                }
                if ($.browser.mozilla) { //火狐相關瀏覽器
                    strTmp += "Mozilla FireFox";
                }
                strTmp += "<br /><br /> 版本號是:" //獲取版本號
                       +$.browser.version;
                $(".content").html(strTmp);
            });
        </script>
    </body>
</html>

2、檢測瀏覽器是否屬於w3c盒子模型

瀏覽器的盒子模型分爲兩類,一類爲標準的w3c盒子模型,另一類爲IE盒子模型,兩者區別爲在Width和Height這兩個屬性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型則包含,而在jQuery 中,可以通過$.support.boxModel對象返回的值,檢測瀏覽器是否屬於標準的w3c盒子模型。



3、可以調用名爲$.isEmptyObject的工具函數,檢測一個對象的內容是否爲空,如果爲空,則該函數返回true,否則,返回false值,調用格式如下:

$.isEmptyObject(obj);



4、檢測是否爲原始對象

調用名爲$.isPlainObject的工具函數,能檢測對象是否爲通過{}或new Object()關鍵字創建的原始對象,如果是,返回true,否則,返回false值,調用格式爲:

$.isPlainObject (obj);



5、檢測節點包含關係

調用名爲$.contains的工具函數,能檢測在一個DOM節點中是否包含另外一個DOM節點,如果包含,返回true,否則,返回false值,調用格式爲:

$.contains (container, container2);



6、字符串刪空格

調用名爲$.trim的工具函數,能刪除字符串中左右兩邊的空格符,但該函數不能刪除字符串中間的空格,調用格式爲:

$.trim (str);



7、轉換爲URL序列

調用名爲$. param的工具函數,能使對象或數組按照key/value格式進行序列化編碼,該編碼後的值常用於向服務端發送URL請求,調用格式爲:

$. param (obj);



8、extend()

調用名爲$. extend的工具函數,可以對原有的工具函數進行擴展,自定義類級別的jQuery插件,調用格式爲:

$. extend ({options});



還可以擴展原有的Object對象,在擴展對象時,兩個對象將進行合併,當存在相同屬性名時,後者將覆蓋前者,調用格式爲:

$. extend (obj1,obj2,…objN);

參數obj1至objN表示需要合併的各個原有對象。




---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

來源:慕課網



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章