jQuery的:gt選擇器

2024-04-27 15:00:29

字體：大中小

來源：轉載

供稿：網友

:gt選擇器的定義和用法:

此選擇器匹配所有索引值大于給定索引值的元素。

索引值最小是從0開始的。

語法結構:

$(":gt(index)")

此選擇器一般也要和其他選擇器配合使用，比如類選擇器和元素選擇器等等。例如:

$("li:gt(0)").CSS("color","blue")

以上代碼能夠將索引大于0的li元素中的

參數列表:

參數	描述
index	給定的索引值

實例代碼:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/Javascript"> $(document).ready(function(){   $("#btn").click(function(){     $("li:gt(0)").css("color","blue");   })})</script></head><body><ul>  <li>html專區</li>  <li>div+css專區</li>  <li>jQuery專區</li>  <li>Javascript專區</li></ul><button id="btn">點擊查看效果</button></body></html>

以上代碼能夠將li元素集合中索引值大于0的li元素中的字體顏色設置為藍色。

實例二:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>螞蟻部落</title><script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script type="text/javascript"> $(document).ready(function(){   $("#btn").click(function(){     $(":gt(1)").css("color","blue");   }); }); </script></head><body><ul>  <li>html專區</li>  <li>div+css專區</li>  <li>jQuery專區</li>  <li>Javascript專區</li></ul><button id="btn">點擊查看效果</button></body></html>