jQuery開發(fā)者都需要知道的5個(gè)小技巧
更新時(shí)間:2010年01月08日 00:11:02 作者:
JQuery是個(gè)不錯(cuò)的框架,以下總結(jié)了5個(gè)每個(gè)網(wǎng)站開發(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.檢測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.檢測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前端開發(fā)35個(gè)小技巧
- 七個(gè)不允許錯(cuò)過的jQuery小技巧
- WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡寫
- 幾個(gè)比較經(jīng)典常用的jQuery小技巧
- 前端開發(fā)必知的15個(gè)jQuery小技巧
相關(guān)文章
JQuery的html(data)方法與<script>腳本塊的解決方法
在使用Jquery的html(data)方法執(zhí)行寫數(shù)據(jù)到Dom元素時(shí)遇到一個(gè)問題:在data參數(shù)中包含script腳本塊的時(shí)候,html(data)方法的執(zhí)行結(jié)果與預(yù)期不符2010-03-03jquery實(shí)現(xiàn)標(biāo)簽上移、下移、置頂
這篇文章主要介紹了jquery實(shí)現(xiàn)標(biāo)簽上移、下移、置頂?shù)南嚓P(guān)資料,并附上示例,非常實(shí)用,需要的朋友可以參考下2015-04-04jQuery中event.target和this的區(qū)別詳解
這篇文章主要介紹了jQuery中event.target和this的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08jQuery獲取iframe的document對(duì)象的方法
獲取iframe的document對(duì)象進(jìn)行dom的操作,實(shí)現(xiàn)方法很多,下面是jquery的實(shí)現(xiàn)過程,喜歡玩iframe的朋友可以參考下2014-10-10ajax 提交數(shù)據(jù)到后臺(tái)jsp頁面及頁面跳轉(zhuǎn)問題
這篇文章主要介紹了ajax 提交數(shù)據(jù)到后臺(tái)jsp頁面及頁面跳轉(zhuǎn)問題的相關(guān)資料,需要的朋友可以參考下2017-01-01