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吧,使用起来太方便了.

posted @ 2008-11-09 11:41  TerryXu  阅读(588)  评论(0编辑  收藏  举报