jQuery入门[2]－选择器
jQuery入门－选择器<div class="clear" /><div class="postBody">jQuery入门－构造函数
jQuery入门－选择器
jQuery入门－事件
jQuery入门－链式代码
jQuery入门－AJAX
jQuery入门－动画
jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见：http://docs.jquery.com/Selectors
DEMO:
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px;"><!----><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Selector</title>
<script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript"></script>
</head>
<body>
<input value="1" /> +
<input value="2" />
<input type="button" value="=" />
<label>&nbsp;</label>
<script type="text/javascript">
$("input").click(function(){
var i = 0;
$("input").each(function(){
i += parseInt($(this).val());
});
$('label').text(i);
});
$('input:lt(2)')
.add('label')
.css('border','none')
.css('borderBottom','solid 1px navy')
.css({'width':'30px'});
</script>
</body>
</html>
页:
[1]