Question

在jQuery中，为什么eq()只是一个选择器（:)和一个方法（。），而gt()和lt()只是选择器（＆＃34;对象没有＆＃ 39; t支持该属性或方法＆＃34;）？

jQuery语法的这种不一致/差距是否有特殊原因，我不明白？

＆＃13;

$("#eq").click(function(){
  alert($("li").eq(0).text());
  $("li").eq(1).css("background-color", "yellow");
});
$("#eq2").click(function(){
  alert($("li:eq(0)").text());
  $("li:eq(1)").css("background-color", "yellow");
});
$("#gt").click(function(){
  $("li").gt(1).css("background-color", "yellow");
});
$("#gt2").click(function(){
  $("li:gt(1)").css("background-color", "yellow");
});
$("#lt").click(function(){
  $("li").lt(1).css("background-color", "yellow");
});
$("#lt2").click(function(){
  $("li:lt(1)").css("background-color", "yellow");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="indice">
 <li>Primo capitolo</li>
 <li>Secondo capitolo
  <ul>
   <li>Sottocapitolo</li>
  </ul>
 </li>
 <li>Terzo capitolo</li>
</ul>
<button id="eq">.eq()</button>
<button id="eq2">:eq()</button><br>
<button id="gt">.gt()</button> <!-- NO -->
<button id="gt2">:gt()</button><br>
<button id="lt">.lt()</button> <!-- NO -->
<button id="lt2">:lt()</button>

＆＃13;

Answer 1

我想，它不被认为是内置的有用的东西。使用.eq()代替:eq，jQuery可以使用querySelectorAll来提高性能。

在任何情况下，您都可以使用.slice，如下所示：

$("li").slice(0,4); // :lt(4)
$("li").slice(5); // :gt(4)

或者，自己添加：

$.fn.lt = function(n) {return this.slice(0,n);};
$.fn.gt = function(n) {return this.slice(n+1);};

示例：

＆＃13;

$.fn.lt = function(n) {return this.slice(0,n);};
$.fn.gt = function(n) {return this.slice(n+1);};
$("div").lt(2).css("color", "blue");
$("div").gt(2).css("border", "1px solid red");
$("div").eq(2).css("background-color", "yellow");

＆＃13;

<div>0</div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

为什么gt（）和lt（）只是jQuery选择器，而eq（）也是一个方法？

1 个答案: