jQuery學(xué)習(xí)筆記之2個(gè)小技巧
1.jQuery功能函數(shù)前綴
在javascript中,開(kāi)發(fā)者通常會(huì)編寫(xiě)一些小函數(shù)來(lái)處理各種操作細(xì)節(jié),例如在用戶提交表單時(shí),要將文本框最前端和最末端的空格內(nèi)容清理掉。而javascript中沒(méi)有類(lèi)似trim()功能,在師院jQuery后,便可以使用trim()函數(shù)。
trim()函數(shù)是jQuery對(duì)象的一個(gè)方法,使用以下例子
<script type="text/javascript">
var sString = " 1234567890";
sString = $.trim(sString);
alert(sString.length);
</script>
執(zhí)行結(jié)果
字符串sString的首尾空格都被jQuery取掉了。
其中
$.trim(sString)
相當(dāng)于
jQuery.trim(sString)
jQuery類(lèi)似這樣的函數(shù)很多,而且涉及到j(luò)avascript的方方面面。
2.解決window.onload函數(shù)沖突
由于頁(yè)面html框架需要在頁(yè)面完全加載后才能使用,因此在DOM編程時(shí),window.onload被頻繁使用,倘若頁(yè)面中很多處需要使用此函數(shù),其它js也需要包含window.onload函數(shù),將導(dǎo)致很多沖突。
jQuery中的ready()方法很好的解決了上述問(wèn)題,它能夠自動(dòng)將其中的函數(shù)在頁(yè)面加載完成后自動(dòng)運(yùn)行。并且同一個(gè)頁(yè)面可以使用多個(gè)ready()方法,而且不相互沖突。
例如:
<script type="text/javascript">
$(document).ready(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
對(duì)上述代碼jQuery還提供了簡(jiǎn)寫(xiě),可以省略其中的(document).ready部分
代碼如下:
<script type="text/javascript">
$(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
這就是上文中表格隔行變色的代碼。
- jQuery開(kāi)發(fā)者都需要知道的5個(gè)小技巧
- Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
- 幾個(gè)比較經(jīng)典常用的jQuery小技巧
- jquery圖片延遲加載 前端開(kāi)發(fā)技能必備系列
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開(kāi)發(fā)必備
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- 開(kāi)發(fā)中可能會(huì)用到的jQuery小技巧
- jQuery提交多個(gè)表單的小技巧
- 15個(gè)jquery常用方法、小技巧分享
- 14款經(jīng)典網(wǎng)頁(yè)圖片和文字特效的jQuery插件-前端開(kāi)發(fā)必備
- web前端開(kāi)發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
- 分享五個(gè)有用的jquery小技巧
- 關(guān)注jquery技巧提高jquery技能(前端開(kāi)發(fā)必學(xué))
- WEB前端開(kāi)發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫(xiě)
相關(guān)文章
jquery+css3實(shí)現(xiàn)熊貓tv導(dǎo)航代碼分享
本篇文章給大家詳細(xì)分享的是jquery+css3來(lái)寫(xiě)出熊貓tv導(dǎo)航的效果,以及代碼分享,喜歡的朋友參考下。2018-02-02jQuery的實(shí)現(xiàn)原理的模擬代碼 -5 Ajax
對(duì)于 xhr 對(duì)象來(lái)說(shuō),我們主要通過(guò)異步方式訪問(wèn)服務(wù)器,在 onreadystatechange 事件中處理服務(wù)器回應(yīng)的內(nèi)容。簡(jiǎn)單的 xhr 使用如下所示。2010-08-08jQuery實(shí)現(xiàn)的彈幕效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的彈幕效果,結(jié)合完整實(shí)例形式分析了jQuery通過(guò)結(jié)合時(shí)間函數(shù)控制輸入文字與樣式的漸變實(shí)現(xiàn)彈幕效果,需要的朋友可以參考下2017-09-09jQuery實(shí)現(xiàn)驗(yàn)證年齡簡(jiǎn)單思路
本文給大家分享的是jQuery實(shí)現(xiàn)驗(yàn)證年齡簡(jiǎn)單思路,讓用戶填出生年月,然后根據(jù)當(dāng)前時(shí)間計(jì)算是否小于網(wǎng)站要求的年齡,小于就提示,有需要的小伙伴可以拿去直接使用。2016-02-02JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果
這篇文章主要介紹了JQuery仿小米手機(jī)搶購(gòu)頁(yè)面倒計(jì)時(shí)效果,從功能到實(shí)現(xiàn)原理以及主要代碼都做了詳細(xì)的介紹,推薦給有相同需求的小伙伴。2014-12-12