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表示需要合併的各個原有對象。
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
來源:慕課網