jQuery學習筆記之2個小技巧
1.jQuery功能函數(shù)前綴
在javascript中,開發(fā)者通常會編寫一些小函數(shù)來處理各種操作細節(jié),例如在用戶提交表單時,要將文本框最前端和最末端的空格內(nèi)容清理掉。而javascript中沒有類似trim()功能,在師院jQuery后,便可以使用trim()函數(shù)。
trim()函數(shù)是jQuery對象的一個方法,使用以下例子
<script type="text/javascript">
var sString = " 1234567890";
sString = $.trim(sString);
alert(sString.length);
</script>
執(zhí)行結(jié)果
字符串sString的首尾空格都被jQuery取掉了。
其中
$.trim(sString)
相當于
jQuery.trim(sString)
jQuery類似這樣的函數(shù)很多,而且涉及到javascript的方方面面。
2.解決window.onload函數(shù)沖突
由于頁面html框架需要在頁面完全加載后才能使用,因此在DOM編程時,window.onload被頻繁使用,倘若頁面中很多處需要使用此函數(shù),其它js也需要包含window.onload函數(shù),將導致很多沖突。
jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數(shù)在頁面加載完成后自動運行。并且同一個頁面可以使用多個ready()方法,而且不相互沖突。
例如:
<script type="text/javascript">
$(document).ready(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
對上述代碼jQuery還提供了簡寫,可以省略其中的(document).ready部分
代碼如下:
<script type="text/javascript">
$(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
這就是上文中表格隔行變色的代碼。
- jQuery開發(fā)者都需要知道的5個小技巧
- Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)
- 幾個比較經(jīng)典常用的jQuery小技巧
- jquery圖片延遲加載 前端開發(fā)技能必備系列
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- jquery操作復選框(checkbox)的12個小技巧總結(jié)
- 開發(fā)中可能會用到的jQuery小技巧
- jQuery提交多個表單的小技巧
- 15個jquery常用方法、小技巧分享
- 14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件-前端開發(fā)必備
- web前端開發(fā)JQuery常用實例代碼片段(50個)
- 分享五個有用的jquery小技巧
- 關注jquery技巧提高jquery技能(前端開發(fā)必學)
- WEB前端開發(fā)都應知道的jquery小技巧及jquery三個簡寫
相關文章
jQuery的實現(xiàn)原理的模擬代碼 -5 Ajax
對于 xhr 對象來說,我們主要通過異步方式訪問服務器,在 onreadystatechange 事件中處理服務器回應的內(nèi)容。簡單的 xhr 使用如下所示。2010-08-08