首頁 > web前端 > js教程 > 主體

jQuery學習筆記之2個小技巧_jquery

WBOY
發布: 2016-05-16 16:19:24
原創
963 人瀏覽過

1.jQuery函數前綴

在javascript中,開發者通常會編寫一些小函數來處理各種操作細節,例如在使用者提交表單時,要將文字方塊最前端和最末端的空格內容清理掉。而javascript中沒有類似trim()功能,在師院jQuery後,便可以使用trim()函數。

trim()函數是jQuery物件的一個方法,使用以下範例

複製程式碼 程式碼如下:


執行結果

字串sString的首尾空格都被jQuery取掉了。

其中

$.trim(sString)
相當於

jQuery.trim(sString)
jQuery類似這樣的函數很多,而且牽涉到javascript的方方面面。

2.解window.onload函數衝突

由於頁面html框架需要在頁面完全加載後才能使用,因此在DOM編程時,window.onload被頻繁使用,倘若頁面中很多處需要使用此函數,其它js也需要包含window.onload函數,將導致很多衝突。

jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數在頁面載入完成後自動執行。而同一個頁面可以使用多個ready()方法,而且不會互相衝突。

例如:

複製程式碼 程式碼如下:


對上述程式碼jQuery也提供了簡寫,可以省略其中的(document).ready部分

程式碼如下:

複製程式碼 程式碼如下:


這就是上文表格隔行變色的程式碼。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板