jquery 常用使用方法

新窗口打開鏈接
XHTML Strict 版本不支持 target="_blank" 屬性而使用 JQuery 能很好地解決這個問題實現新窗口打開網頁

復制代碼 代碼如下:

$(a[@rel$=external])click(function(){
thistarget = "_blank";
});

/*
Usage:
<a href=" target=_blank >css教程("padding" "em em" );

//B Target anything above IE
if ($browsermsie && $browserversion > ) $("#menu li a")css("padding" "em em" );

//C Target IE and below
if ($browsermsie && $browserversion <= ) $("#menu li a")css("padding" "em em" );

//D Target Firefox and above
if ($browsermozilla && $browserversion >= "" ) $("#menu li a")css("padding" "em em" );

字符串替換
用 JQuery 能對文本內容中的特定字符串進行替換操作

復制代碼 代碼如下:

var el = $(#id);
elhtml(elhtml()replace(/word/ig ""));

列高度相等
用 CSS 實現兩列高度相等並不容易JQuery 能幫你解決

復制代碼 代碼如下:

function equalHeight(group) {
tallest = ;
groupeach(function() {
thisHeight = $(this)height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
groupheight(tallest);
}

/*
Usage:
$(document)ready(function() {
equalHeight($("recentarticle"));
equalHeight($("footercol"));
});
*/

字體大小重設
字體大小重設是一個非常常用的功能

$("resetFont")click(function(){
$(html)css(fontsize originalFontSize);
});
// Increase Font Size
$("increaseFont")click(function(){
var currentFontSize = $(html)css(fontsize);
var currentFontSizeNum = parseFloat(currentFontSize );
var newFontSize = currentFontSizeNum*;
$(html)css(fontsize newFontSize);
return false;
});
// Decrease Font Size
$("decreaseFont")click(function(){
var currentFontSize = $(html)css(fontsize);
var currentFontSizeNum = parseFloat(currentFontSize );
var newFontSize = currentFontSizeNum*;
$(html)css(fontsize newFontSize);
return false;
});
});

禁用右鍵菜單
有許多 JavaScript 代碼段可禁用右鍵菜單但 JQuery 使操作變得更容易

復制代碼 代碼如下:

$(document)ready(function(){
$(document)bind("contextmenu"function(e){
return false;
});
});

From:http://tw.wingwit.com/Article/program/Java/hx/201405/30808.html