分享五個有用的jquery小技巧
下文里技巧實現(xiàn)的效果雖然并不新鮮,但通過jQuery的封裝,HTML實現(xiàn)了很大的清潔。清爽簡潔又高效的代碼任何時候都是開發(fā)者所醉心追求的終極目標(biāo),也許它簡單,但是它能量巨大。一起來看看腳本之家小編推薦給大家的五個非常實用的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將字符串轉(zhuǎn)為json對象的四種方法
本文主要介紹了JQuery將字符串轉(zhuǎn)為json對象的四種方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04jQuery bxCarousel實現(xiàn)圖片滾動切換效果示例代碼
BxCarousel可以指定顯示的元素總數(shù),可以指定每次滾動的元素個數(shù),自動播放模式,前一張/后一張按鈕控制圖片流動2013-05-05Jquery 模板數(shù)據(jù)綁定插件的使用方法詳解
本篇文章是對在Jquery中模板數(shù)據(jù)綁定插件的使用方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-07-07從零開始學(xué)習(xí)jQuery (十一) 實戰(zhàn)表單驗證與自動完成提示插件
本文是介紹兩個最常用的jQuery插件. 分別用于表單驗證和自動完成提示(類似google suggest).2011-02-02JQuery插件tablesorter表格排序?qū)崿F(xiàn)過程解析
這篇文章主要介紹了JQuery插件tablesorter表格排序?qū)崿F(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05