jquery.filter() 实现元素前3个显示，其余隐藏

1.dom元素如下

<ul>

  <li class="info">1</li>
  <li>2</li>
  <li class="info">3</li>
  <li class="info">4</li>
  <li>5</li>
  <li>6</li>

</ul>

2.实现步骤

// 实现前3个元素显示 其余隐藏

$("li").filter(":lt(3)").show().end().filter(":gt(2)").hide()

// filter()  返回匹配的元素

$("li").filter(".info").show();  // 1 3 4 显示

// not()  返回不匹配的元素

$("li").not(".info").show()    // 2 5 6显示

解析：

index值从 0 开始。

:lt(index)   选取带有小于指定 index 值的元素。

:gt(index)  选取 带有大于指定index值的元素。