//=============举例6========================
//:gt(index) 说明: 匹配所有大于给定索引值的元素.
//...<1>把下标索引大于1的所有单元格背景色设置为灰色
//var $tds = $("#tbl td:gt(1)");
//$tds.css("backgroundColor", "gray");
//=============举例7========================
//:lt(index) 说明: 匹配所有小于给定索引值的元素.
//...<1>把下标索引小于3的所有单元格背景色设置为灰色
var $tds = $("#tbl td:lt(3)");
$tds.css("backgroundColor", "gray");
//=============举例8========================
//:header(固定写法) 说明: 匹配如 h1, h2, h3之类的标题元素.这个是专门用来获取h1,h2这样的标题元素.
//...<1>把所有的h标签背景色进行修改
var $hs = $(":header");
$hs.css("backgroundColor", "gold");
//=============举例8========================
//slice 获取下标范围内元素
var $trs = $("#tbl tr").slice(1, 3);
$trs.css("backgroundColor", "gold");
});
</script>
</head>
<body>
<div id="main">
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<table id="tbl">
<tr>
<td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td class="tdClass">2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>3</td><td>3</td><td>3</td>
</tr>
<tr>
<td>4</td><td>4</td><td class="tdClass">4</td>
</tr>
<tr>
<td>5</td><td>5</td><td>5</td>
</tr>
<tr>
<td>6</td><td>6</td><td class="tdClass">6</td>
</tr>
</table>
</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
