jQuery學(xué)習(xí)筆記之2個(gè)小技巧
1.jQuery功能函數(shù)前綴
在javascript中,開發(fā)者通常會(huì)編寫一些小函數(shù)來處理各種操作細(xì)節(jié),例如在用戶提交表單時(shí),要將文本框最前端和最末端的空格內(nèi)容清理掉。而javascript中沒有類似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類似這樣的函數(shù)很多,而且涉及到j(luò)avascript的方方面面。
2.解決window.onload函數(shù)沖突
由于頁面html框架需要在頁面完全加載后才能使用,因此在DOM編程時(shí),window.onload被頻繁使用,倘若頁面中很多處需要使用此函數(shù),其它js也需要包含window.onload函數(shù),將導(dǎo)致很多沖突。
jQuery中的ready()方法很好的解決了上述問題,它能夠自動(dòng)將其中的函數(shù)在頁面加載完成后自動(dòng)運(yùn)行。并且同一個(gè)頁面可以使用多個(gè)ready()方法,而且不相互沖突。
例如:
<script type="text/javascript">
$(document).ready(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
對(duì)上述代碼jQuery還提供了簡(jiǎn)寫,可以省略其中的(document).ready部分
代碼如下:
<script type="text/javascript">
$(function() {
$("table#mytable tr:nth-child(odd)").addClass("altcss");
})
</script>
這就是上文中表格隔行變色的代碼。
- jQuery開發(fā)者都需要知道的5個(gè)小技巧
- Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
- 幾個(gè)比較經(jīng)典常用的jQuery小技巧
- jquery圖片延遲加載 前端開發(fā)技能必備系列
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- 開發(fā)中可能會(huì)用到的jQuery小技巧
- jQuery提交多個(gè)表單的小技巧
- 15個(gè)jquery常用方法、小技巧分享
- 14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件-前端開發(fā)必備
- web前端開發(fā)JQuery常用實(shí)例代碼片段(50個(gè))
- 分享五個(gè)有用的jquery小技巧
- 關(guān)注jquery技巧提高jquery技能(前端開發(fā)必學(xué))
- WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫
相關(guān)文章
jQuery判斷當(dāng)前點(diǎn)擊的是第幾個(gè)li的代碼
jQuery中如何判斷當(dāng)前點(diǎn)擊的是第幾個(gè)li,使用$(this).index()取得li的下標(biāo),下面的示例,大家可以看看2014-09-09
jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12
8款非常棒的響應(yīng)式j(luò)Query 幻燈片插件推薦
這篇文章收集了8款優(yōu)秀的響應(yīng)式 jQuery 幻燈片插件,它們能夠非常容易的集成到 Web 項(xiàng)目中。響應(yīng)式(Responsive)設(shè)計(jì)的目標(biāo)是要讓產(chǎn)品界面能夠響應(yīng)用戶的行為,根據(jù)不同終端設(shè)備自動(dòng)調(diào)整尺寸,帶給用戶良好的使用體驗(yàn)2012-02-02
autoPlay 基于jquery的圖片自動(dòng)播放效果
效果類似這種,自動(dòng)播放,實(shí)質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。2011-12-12
jQuery實(shí)現(xiàn)防止提交按鈕被雙擊的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)防止提交按鈕被雙擊的方法,涉及jQuery針對(duì)鼠標(biāo)按鍵的操作技巧以及preventDefault方法對(duì)元素默認(rèn)行為的修改技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
這篇文章主要介紹了使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版,需要的朋友可以參考下2014-06-06
(jQuery,mootools,dojo)使用適合自己的編程別名命名
我們經(jīng)常用一些別名方法來使用自己喜歡的js 庫。學(xué)習(xí)javascript的朋友可以參考下。2010-09-09
jQuery實(shí)現(xiàn)Tab菜單滾動(dòng)切換的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)Tab菜單滾動(dòng)切換的方法,實(shí)例分析了jQuery通過鼠標(biāo)事件動(dòng)態(tài)操作頁面元素切換的動(dòng)畫效果實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07

