一、獲取瀏覽器的名稱(chēng)與版本信息

在jQuery中，通過(guò)$.browser對(duì)象可以獲取瀏覽器的名稱(chēng)和版本信息，如$.browser.chrome為true，表示當(dāng)前為Chrome瀏覽器，$.browser.mozilla為true，表示當(dāng)前為火狐瀏覽器，還可以通過(guò)$.browser.version方式獲取瀏覽器版本信息。

例如，調(diào)用$.browser對(duì)象，獲取瀏覽器名稱(chēng)并顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，通過(guò)調(diào)用$.browser對(duì)象，檢測(cè)當(dāng)前瀏覽器的所屬類(lèi)型，并根據(jù)類(lèi)型不同，將瀏覽器名稱(chēng)保存至變量中，最后將變量的內(nèi)容顯示在頁(yè)面中。

二、檢測(cè)瀏覽器是否屬于W3C盒子模型

瀏覽器的盒子模型分為兩類(lèi)，一類(lèi)為標(biāo)準(zhǔn)的w3c盒子模型，另一類(lèi)為IE盒子模型，兩者區(qū)別為在Width和Height這兩個(gè)屬性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型則包含，而在jQuery 中，可以通過(guò)$.support.boxModel對(duì)象返回的值，檢測(cè)瀏覽器是否屬于標(biāo)準(zhǔn)的w3c盒子模型。

例如，根據(jù)頁(yè)面的特征，并通過(guò)$.support.boxModel屬性的返回值，顯示當(dāng)前瀏覽器是否屬于標(biāo)準(zhǔn)的w3c盒子模型，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，由于打開(kāi)的頁(yè)面屬于標(biāo)準(zhǔn)的w3c盒子模型，因此，在調(diào)用$.support.boxModel屬性時(shí)，返回true值。

三、檢測(cè)對(duì)象是否為空

在jQuery中，可以調(diào)用名為$.isEmptyObject的工具函數(shù)，檢測(cè)一個(gè)對(duì)象的內(nèi)容是否為空，如果為空，則該函數(shù)返回true，否則，返回false值，調(diào)用格式如下：

$.isEmptyObject(obj);

其中，參數(shù)obj表示需要檢測(cè)的對(duì)象名稱(chēng)。

例如，通過(guò)$.isEmptyObject()函數(shù)，檢測(cè)某個(gè)指定的對(duì)象是否為空，并將結(jié)果顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，由于對(duì)象obj的內(nèi)容為空，因此，$.isEmptyObject()函數(shù)檢測(cè)obj時(shí)，返回true，并根據(jù)返回的true值在頁(yè)面中顯示對(duì)應(yīng)的文字內(nèi)容。

四、檢測(cè)對(duì)象是否為原始對(duì)象

調(diào)用名為$.isPlainObject的工具函數(shù)，能檢測(cè)對(duì)象是否為通過(guò){}或new Object()關(guān)鍵字創(chuàng)建的原始對(duì)象，如果是，返回true，否則，返回false值，調(diào)用格式為：

$.isPlainObject (obj);

其中，參數(shù)obj表示需要檢測(cè)的對(duì)象名稱(chēng)。

例如，通過(guò)$.isPlainObject()函數(shù)，檢測(cè)某個(gè)指定的對(duì)象是否為原始，并將結(jié)果顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，由于自定義的obj_a和obj_b都是屬于原始對(duì)象，因此，當(dāng)調(diào)用$.isPlainObject()函數(shù)檢測(cè)這兩個(gè)對(duì)象時(shí)，都返回true值。

五、檢測(cè)兩個(gè)節(jié)點(diǎn)的包含關(guān)系

調(diào)用名為$.contains的工具函數(shù)，能檢測(cè)在一個(gè)DOM節(jié)點(diǎn)中是否包含另外一個(gè)DOM節(jié)點(diǎn)，如果包含，返回true，否則，返回false值，調(diào)用格式為：

$.contains (container, contained);

參數(shù)container表示一個(gè)DOM對(duì)象節(jié)點(diǎn)元素，用于包含其他節(jié)點(diǎn)的容器，contained是另一個(gè)DOM對(duì)象節(jié)點(diǎn)元素，用于被其他容器所包含。

例如，通過(guò)$.contains()函數(shù)，檢測(cè)兩個(gè)節(jié)點(diǎn)對(duì)象間是否存在包含關(guān)系，并將檢測(cè)的結(jié)果顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，documentElement是DOM根結(jié)點(diǎn)，而body只是根結(jié)點(diǎn)下的子節(jié)點(diǎn)之一，它們之間存在包含關(guān)系，因此，返回true值，并顯示“包含”字樣。

六、字符串操作函數(shù)

調(diào)用名為$.trim的工具函數(shù)，能刪除字符串中左右兩邊的空格符，但該函數(shù)不能刪除字符串中間的空格，調(diào)用格式為：

$.trim (str);

參數(shù)str表示需要?jiǎng)h除左右兩邊空格符的字符串。

例如，通過(guò)$.trim()函數(shù)，除掉一個(gè)兩邊均有空格符的字符串，并將其執(zhí)行前后的字符長(zhǎng)度都顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，由于文本框中的字符串前后分別有一個(gè)空格字符，因此，它的字符長(zhǎng)度為13，調(diào)用trim()函數(shù)刪除字符串前后空格之后，字符串長(zhǎng)度則變?yōu)?1。

七、URL操作函數(shù)

調(diào)用名為$. param的工具函數(shù)，能使對(duì)象或數(shù)組按照key/value格式進(jìn)行序列化編碼，該編碼后的值常用于向服務(wù)端發(fā)送URL請(qǐng)求，調(diào)用格式為：

$.param (obj);

參數(shù)obj表示需要進(jìn)行序列化的對(duì)象，該對(duì)象也可以是一個(gè)數(shù)組，整個(gè)函數(shù)返回一個(gè)經(jīng)過(guò)序列化編碼后的字符串。

例如，通過(guò)$.param()函數(shù)，對(duì)指定的對(duì)象進(jìn)行序列化編碼，使其成為可執(zhí)行傳值的URL地址，并將該地址顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，通過(guò)調(diào)用工具函數(shù)$.param()可以將一個(gè)對(duì)象進(jìn)行序列化并編碼成可以在地址欄中直接執(zhí)行的URL字符串。

param和serialize的區(qū)別是什么？前者是對(duì)任意的參數(shù)進(jìn)行URL地址格式的轉(zhuǎn)換，而后者僅屬于form提交的數(shù)據(jù)轉(zhuǎn)換。

八、使用$.extend()擴(kuò)展工具函數(shù)

調(diào)用名為$. extend的工具函數(shù)，可以對(duì)原有的工具函數(shù)進(jìn)行擴(kuò)展，自定義類(lèi)級(jí)別的jQuery插件，調(diào)用格式為：

$.extend ({options});

參數(shù)options表示自定義插件的函數(shù)內(nèi)容。

例如，調(diào)用$.extend()函數(shù)，自定義一個(gè)用于返回兩個(gè)數(shù)中最大值的插件，并在頁(yè)面中將插件返回的最大值顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，當(dāng)點(diǎn)擊“計(jì)算”按鈕時(shí)，先調(diào)用自定義插件中名為“MaxNum”的方法，計(jì)算并返回兩個(gè)數(shù)值中的最大值，然后，將該值顯示在頁(yè)面中。

九、使用$.extend()擴(kuò)展Object對(duì)象

除使用$.extend擴(kuò)展工具函數(shù)外，還可以擴(kuò)展原有的Object對(duì)象，在擴(kuò)展對(duì)象時(shí)，兩個(gè)對(duì)象將進(jìn)行合并，當(dāng)存在相同屬性名時(shí)，后者將覆蓋前者，調(diào)用格式為：

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

參數(shù)obj1至objN表示需要合并的各個(gè)原有對(duì)象。

例如，調(diào)用$.extend()函數(shù)對(duì)兩個(gè)已有的對(duì)象進(jìn)行合并，并將合并后的新對(duì)象元素內(nèi)容顯示在頁(yè)面中，如下圖所示：

在瀏覽器中顯示的效果：

從圖中可以看出，當(dāng)兩個(gè)對(duì)象通過(guò)$.extend()函數(shù)擴(kuò)展合并后，返回一個(gè)包含兩個(gè)對(duì)象中全部屬性元素的新對(duì)象，相同名稱(chēng)的“name”屬性，前者被后者覆蓋。