分享五個有用的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 &amp;&amp; $.browser.version &gt;= "1.8" )
{
//do something
}

5.判斷元素是否存在

if($("#someDiv").length) {
  // yes it does, do something...
}

以上跟大家分享了五個有用的jquery小技巧，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

jquery validate添加自定義驗證規(guī)則(驗證郵箱郵政編碼)
這篇文章主要介紹了query validate添加自定義驗證規(guī)則,可以驗證郵箱、郵政編碼等，看代碼參考使用
2013-12-12
jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
這篇文章介紹了jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例，有需要的朋友可以參考一下
2013-08-08
深入理解jQuery中的事件冒泡
下面小編就為大家?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
Jquery 基礎(chǔ)學(xué)習(xí)筆記
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對新人有參考價值。
2009-05-05
jQuery遍歷節(jié)點(diǎn)樹方法分析
這篇文章主要介紹了jQuery遍歷節(jié)點(diǎn)樹方法,結(jié)合實(shí)例形式分析了3種常見的節(jié)點(diǎn)遍歷技巧,需要的朋友可以參考下
2016-09-09
淺談jquery中next與siblings的區(qū)別
下面小編就為大家?guī)硪黄獪\談jquery中next與siblings的區(qū)別。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
基于jquery的設(shè)置頁面文本框只能輸入數(shù)字的實(shí)現(xiàn)代碼
之前寫過的方法有缺陷，可以輸入空格?，F(xiàn)在將空格也屏蔽了。就是在之前的代碼里加入了過濾空格的功能。
2011-04-04
用jQuery擴(kuò)展自寫的 UI導(dǎo)航
目前試了 jQuery 擴(kuò)展的編寫有兩種。
2010-01-01
jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果
這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果,涉及jquery操作圖片動態(tài)顯示效果,非常簡單實(shí)用,需要的朋友可以參考下
2015-08-08