Jquery运用选择器小技巧

Jquery属性选择器接收类正则表达式的语法来指定一个字符串的开始(^)与结束($)。它们也可用asterisk(*) 来指示一个字符串的任意位置。

用以 mailto 开头 (^="mailto:") 的 href 属性 ([@href])，如下：

$(document).ready(function() {

$('a[@href^="mailto:"]').addClass('mailto');

});

为了得到所有连接到 PDF 文件的链接，我们使用美元符号($)不是用脱字符号(^)，为了得到所有以 .pdf 结尾的 href 属性的链接，代码如下：

$(document).ready(function() {

$('a[@href^="mailto:"]').addClass('mailto');

$('a[@href$=".pdf"]').addClass('pdflink');

});

最后，为了得到内部链接，例如，在 mysite.com 连接到其它页面，我们用星号：

$(document).ready(function() {

$('a[@href^="mailto:"]').addClass('mailto');

$('a[@href$=".pdf"]').addClass('pdflink');

$('a[@href*="mysite.com"]').addClass('mysite');

});

我们可加入两个类到样式表，一个是给奇数行的，一个是给偶数行的。

.odd {

backgroundcolor:

#ffc; /* pale yellow for odd rows */

}

.even {

backgroundcolor:

#cef; /* pale blue for even rows */

}

最后，我们写我们的 jQuery 代码，附加这些类到表格的行（<tr> 标签）：

$(document).ready(function() {

$('tr:odd').addClass('odd');　//奇数行

$('tr:even').addClass('even');

});

这只是Jquery选择器很少的一部分，有兴趣的朋友一起来研究jQuery吧，使用起来太方便了．