语法：
$(":lt(index)")参数：
● index：选中的索引号。选择小于指定索引号的元素。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("tr:lt(4)").css("background-color", "yellow");
$("th:lt(2)").css("color", "cornflowerblue");
});
</script>
</head>
<body>
<h1>商品介绍</h1>
<table border="1">
<tr>
<th>序号</th>
<th>商品</th>
<th>价格</th>
</tr>
<tr>
<td>1</td>
<td>T恤</td>
<td>￥40.00</td>
</tr>
<tr>
<td>2</td>
<td>红T恤</td>
<td>￥45.00</td>
</tr>
<tr>
<td>3</td>
<td>夹克衫</td>
<td>￥100.00</td>
</tr>
<tr>
<td>4</td>
<td>牛仔褂</td>
<td>￥90.00</td>
</tr>
<tr>
<td>5</td>
<td>裙子</td>
<td>￥120.00</td>
</tr>
<tr>
<td>6</td>
<td>帽子</td>
<td>￥30.00</td>
</tr>
<tr>
<td>7</td>
<td>休闲裤</td>
<td>￥50.00</td>
</tr>
<tr>
<td>8</td>
<td>短裤</td>
<td>￥30.00</td>
</tr>
</table>
</body>
</html>效果图：
以上就是jQuery的:lt()选择器怎么用？的详细内容，更多请关注0133技术站其它相关文章！
