jQuery開(kāi)發(fā)者都需要知道的5個(gè)小技巧
更新時(shí)間：2010年01月08日 00:11:02 作者：
JQuery是個(gè)不錯(cuò)的框架，以下總結(jié)了5個(gè)每個(gè)網(wǎng)站開(kāi)發(fā)者都應(yīng)該知道的小技巧，都是一些非常不錯(cuò)的，經(jīng)常能用得到的。
1.禁用右鍵菜單
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
2.讓字體閃爍
jQuery.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.準(zhǔn)備文檔替換方案
$(function(){
//document is ready do something
});
4.檢測(cè)browser
// 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
}
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
2.讓字體閃爍
復(fù)制代碼 代碼如下:
jQuery.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.準(zhǔn)備文檔替換方案
復(fù)制代碼 代碼如下:
$(function(){
//document is ready do something
});
4.檢測(cè)browser
復(fù)制代碼 代碼如下:
// 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.檢查存在的元素
復(fù)制代碼 代碼如下:
if ($("#someDiv").length) {
//yes it does ,do something
}
您可能感興趣的文章:
- jQuery中的一些小技巧
- 15個(gè)jquery常用方法、小技巧分享
- jQuery提交多個(gè)表單的小技巧
- jquery操作復(fù)選框(checkbox)的12個(gè)小技巧總結(jié)
- Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
- jQuery前端開(kāi)發(fā)35個(gè)小技巧
- 七個(gè)不允許錯(cuò)過(guò)的jQuery小技巧
- WEB前端開(kāi)發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫
- 幾個(gè)比較經(jīng)典常用的jQuery小技巧
- 前端開(kāi)發(fā)必知的15個(gè)jQuery小技巧
相關(guān)文章
自己寫的一個(gè)菜單(因?yàn)槭浅鯇W(xué) 不知道能不能算無(wú)限級(jí))2010-05-05
jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框，使用jQuery EasyUI的朋友可以參考下。2011-10-10
jquery通過(guò)closest選擇器修改上級(jí)元素的方法
這篇文章主要介紹了jquery通過(guò)closest選擇器修改上級(jí)元素的方法,實(shí)例分析了jQuery中closest選擇器的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
基于jquery完美拖拽，可返回拖動(dòng)軌跡 用JQ實(shí)現(xiàn)，話不多說(shuō)，直接上碼2012-03-03
jQuery的內(nèi)容過(guò)濾選擇器學(xué)習(xí)教程
這篇文章主要介紹了jQuery的內(nèi)容過(guò)濾選擇器學(xué)習(xí)教程,詳細(xì)地整理了jQuery中四個(gè)過(guò)濾器的相關(guān)函數(shù)用法,需要的朋友可以參考下2016-04-04
基于jQuery實(shí)現(xiàn)定位導(dǎo)航位置效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)定位導(dǎo)航位置效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
jquery關(guān)于圖形報(bào)表的運(yùn)用實(shí)現(xiàn)代碼
jquery 關(guān)于圖形報(bào)表的運(yùn)用實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-01-01
這個(gè)下拉菜單式可以循環(huán)的，且是使用jquery實(shí)現(xiàn)，很實(shí)用，大家可以學(xué)習(xí)下2014-09-09
jQuery1.3.2 升級(jí)到j(luò)Query1.4.4需要修改的地方
jQuery1.3.2 升級(jí)到 1.4.4 ，需要修改的地方，需要的朋友可以參考下。2011-01-01
jQuery 入門級(jí)學(xué)習(xí)筆記及源碼
本周公司技術(shù)講座輪到我了，準(zhǔn)備說(shuō)說(shuō)現(xiàn)在流行的jQuery，下面是概要提綱，關(guān)鍵是看custom.js，已上傳源碼，程序中“//##”是分段用的，大家可以根據(jù)每一段取消注釋，然后找到相應(yīng)的id或class名查看效果。2010-01-01