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;
});
});