JQuery中的工具函式總結

2022-01-19 03:23:57 字數 3565 閱讀 1635

前提引入

前提當然也是要引入jquery啦。。。

工具方法

獲取瀏覽器的名稱與版本資訊

在jquery中,通過$.browser物件可以獲取瀏覽器的名稱和版本資訊,如$.browser.chrome為true,表示當前為chrome瀏覽器,$.browser.mozilla為true,表示當前為火狐瀏覽器,還可以通過$.browser.version方式獲取瀏覽器版本資訊。

例如,呼叫$.browser物件,獲取瀏覽器名稱並顯示在頁面中,如下圖所示:

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

瀏覽器的盒子模型分為兩類,一類為標準的w3c盒子模型,另一類為ie盒子模型,兩者區別為在width和height這兩個屬性值中是否包含padding和border的值,w3c盒子模型不包含,ie盒子模型則包含,而在jquery 中,可以通過$.support.boxmodel物件返回的值,檢測瀏覽器是否屬於標準的w3c盒子模型。

例如,根據頁面的特徵,並通過$.support.boxmodel屬性的返回值,顯示當前瀏覽器是否屬於標準的w3c盒子模型,如下圖所示:

③檢測物件是否為空

在jquery中,可以呼叫名為$.isemptyobject的工具函式,檢測乙個物件的內容是否為空,如果為空,則該函式返回true,否則,返回false值,呼叫格式如下:

$.isemptyobject(obj);

其中,引數obj表示需要檢測的物件名稱。

例如,通過$.isemptyobject()函式,檢測某個指定的物件是否為空,並將結果顯示在頁面中,如下圖所示:

④檢測物件是否為原始物件

呼叫名為$.isplainobject的工具函式,能檢測物件是否為通過{}new object()關鍵字建立的原始物件,如果是,返回true,否則,返回false值,呼叫格式為:

$.isplainobject (obj);

其中,引數obj表示需要檢測的物件名稱。

例如,通過$.isplainobject()函式,檢測某個指定的物件是否為原始,並將結果顯示在頁面中,如下圖所示:

⑤檢測兩個節點的包含關係

呼叫名為$.contains的工具函式,能檢測在乙個dom節點中是否包含另外乙個dom節點,如果包含,返回true,否則,返回false值,呼叫格式為:

$.contains (container, contained);

引數container表示乙個dom物件節點元素,用於包含其他節點的容器,contained是另乙個dom物件節點元素,用於被其他容器所包含。

例如,通過$.contains()函式,檢測兩個節點物件間是否存在包含關係,並將檢測的結果顯示在頁面中,如下圖所示:

⑥字串操作函式

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

$.trim (str);

引數str表示需要刪除左右兩邊空格符的字串。

例如,通過$.trim()函式,除掉乙個兩邊均有空格符的字串,並將其執行前後的字元長度都顯示在頁面中,如下圖所示:

⑦url操作函式

呼叫名為$. param的工具函式,能使物件或陣列按照key/value格式進行序列化編碼,該編碼後的值常用於向服務端傳送url請求,呼叫格式為:

$.param (obj);

引數obj表示需要進行序列化的物件,該物件也可以是乙個陣列,整個函式返回乙個經過序列化編碼後的字串。

序列化後:

⑧使用$.extend()擴充套件工具函式

呼叫名為$. extend的工具函式,可以對原有的工具函式進行擴充套件,自定義類級別的jquery外掛程式,呼叫格式為:

$.extend ();

引數options表示自定義外掛程式的函式內容。

例如,呼叫$.extend()函式,自定義乙個用於返回兩個數中最大值的外掛程式,並在頁面中將外掛程式返回的最大值顯示在頁面中,如下圖所示:

⑨使用$.extend()擴充套件object物件

除使用$.extend擴充套件工具函式外,還可以擴充套件原有的object物件,在擴充套件物件時,兩個物件將進行合併,當存在相同屬性名時,後者將覆蓋前者,呼叫格式為:

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

引數obj1至objn表示需要合併的各個原有物件。

例如,呼叫$.extend()函式對兩個已有的物件進行合併,並將合併後的新物件元素內容顯示在頁面中,如下圖所示:

結果:

從圖中可以看出,當兩個物件通過$.extend()函式擴充套件合併後,返回乙個包含兩個物件中全部屬性元素的新物件,相同名稱的「name」屬性,前者被後者覆蓋。

好啦。還有jquery外掛程式總結改天再寫啦~~~~

jQuery 工具函式

一 字串操作 trim string 去除左右空格 二 陣列和物件操作 each 遍歷陣列 var arr 張三 李四 王五 馬六 each arr,function index,value alert arrgrep map 修改資料 var arr 5,2,9,4,11,57,89,1,23,8...

jQuery工具函式

要點 1.字串操作 2.陣列和物件操作 3.測試操作 4.url 操作 5.瀏覽器檢測 6.其他操作 工具函式是指直接依附於 jquery 物件,針對 jquery 物件本身定義的方法,即全域性性 的函式。它的作用主要是提供比如字串 陣列 物件等操作方面的遍歷。一 字串操作 在 jquery 中,字...

jquery工具類函式

檢測物件是否為空 isemptyobject obj 檢測物件是否為原始物件 isplainobject obj 檢測兩個節點的包含關係 contains container,contained 字串操作函式 trim str url操作函式 param obj param和serialize的區別...