jQuery選擇器--:first和:last
阿新 • • 發佈:2018-12-02
:first
概述
獲取匹配的第一個元素
:last
概述
獲取匹配的最後個元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script> <title></title> <style> .main{ color: #FF0000; font-weight: bold; } </style> <script> $(document).ready(function(){ //first獲取匹配的第一個元素 $("button:first").click(function(){ $("p:first").addClass("main"); }); //last獲取匹配的最後個元素 $("button:last").click(function(){ $("p:last").removeClass("main"); }); }); </script> </head> <body> <p>第一個段落。</p> <p class="main">第二個段落。</p> <button>addClass</button> <button>removeClass</button> </body> </html>