分享五個有用的jquery小技巧
更新時間：2015年10月08日 09:19:54 作者：風(fēng)雨后見彩虹
作為輕量級的JS庫，jQuery隨著JavaScrīpt腳本的大熱而備受Web開發(fā)者親睞。本文給大家分享五個有用的jquery小技巧，需要的朋友可以參考下
下文里技巧實(shí)現(xiàn)的效果雖然并不新鮮，但通過jQuery的封裝，HTML實(shí)現(xiàn)了很大的清潔。清爽簡潔又高效的代碼任何時候都是開發(fā)者所醉心追求的終極目標(biāo)，也許它簡單，但是它能量巨大。一起來看看腳本之家小編推薦給大家的五個非常實(shí)用的jQuery技巧。
1.禁用鼠標(biāo)右鍵
$(document).ready(function() {
$(document).bind("contextmenu", function(e) {
return false;
});
});
當(dāng)然jquery1.7版本以后bind()函數(shù)推薦用on()來代替。
2.讓內(nèi)容閃爍起來
$.fn.flash = function(color, duration) {
var current = this.css('color');
this.animate( {color: 'rgb(' + color + ')'}, duration / 2);
this.animate( {color: current}, duration / 2);
}
$('#someid').flash('255,0,0', 1000);
3.DOM加載完成的簡寫形式
$(function() {
// document is ready..
})
4.探測瀏覽器
// Safari
if( $.browser.safari )
{
//do something
}
//Above IE6
if ($.browser.msie && $.browser.version > 6 )
{
//do something
}
// IE6 and below
if ($.browser.msie && $.browser.version < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" )
{
//do something
}
5.判斷元素是否存在
if($("#someDiv").length) {
// yes it does, do something...
}
以上跟大家分享了五個有用的jquery小技巧，希望大家喜歡。
相關(guān)文章
jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
這篇文章主要介紹了query validate添加自定義驗(yàn)證規(guī)則,可以驗(yàn)證郵箱、郵政編碼等，看代碼參考使用2013-12-12
jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
這篇文章介紹了jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例，有需要的朋友可以參考一下2013-08-08
下面小編就為大家?guī)硪黄钊肜斫鈐Query中的事件冒泡。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
這篇文章主要介紹了jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery使用ajax提交serialize序列化后的表單數(shù)據(jù)的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對新人有參考價值。2009-05-05
這篇文章主要介紹了jQuery遍歷節(jié)點(diǎn)樹方法,結(jié)合實(shí)例形式分析了3種常見的節(jié)點(diǎn)遍歷技巧,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄獪\談jquery中next與siblings的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
基于jquery的設(shè)置頁面文本框 只能輸入數(shù)字的實(shí)現(xiàn)代碼
之前寫過的方法有缺陷，可以輸入空格?，F(xiàn)在將空格也屏蔽了。就是在之前的代碼里加入了過濾空格的功能。2011-04-04
目前試了 jQuery 擴(kuò)展的編寫有兩種。2010-01-01
jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果,涉及jquery操作圖片動態(tài)顯示效果,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08