jQuery  Selector 多對象 Selector





需求設明：

當你想要設定指定多個元素，

就可以使用這個用法。



本篇文章使用版本：jquery-1.6.1



用法：

$("selector1,selector2,selectorN")

selector1 : 一個Selector

selector2 : 第二個Selector

selectorN : 可以多個Selector 的意思



程式內容1：

<!DOCTYPE html>
<html>
<head>
<title>jQuery 多對象 Selector selector1,selector2,selectorN</title>
<script src="../js/jquery-1.6.1.min.js" type="text/javascript"> </script>
<script>

 $(document).ready(function(){
  $("#main1,#main3,#main4").css('background-color','red');
 });
</script>
</head>
<body>
 <div id="main1">11</div>
 <div id="main2">22</div>
 <div id="main3">23</div>
 <div id="main4">44</div>
</body>
</html>






測試結果1：







程式內容2：

<!DOCTYPE html>
<html>
<head>
<title>jQuery 多對象 Selector selector1,selector2,selectorN</title>
<script src="../js/jquery-1.6.1.min.js" type="text/javascript">
 
</script>
<script>
 $(document).ready(function() {
  $("tr:eq(1),div:contains('John'),.close,input").css('background-color', 'red');
 });
</script>
</head>
<body>
 <table>
  <tr>
   <td>Value 0</td>
  </tr>
  <tr>
   <td>Value 1</td>
  </tr>
  <tr>
   <td>Value 2</td>
  </tr>
 </table>
 <div>John Resig</div>
 <div>George Martin</div>
 <div>Malcom John Sinclair</div>
 <div>J. Ohn</div>
 <div id="foo">
  <p>我喜歡的車子：</p>
 </div>
 <div id="audi">
  <p>奧迪</p>
 </div>
 <button class="close">close</button>
 <br>
 <input type="submit" value="Input submit" />
 <p>奧迪 R8</p>
</body>
</html>






測試結果2：










其它參考：

 jQuery-Selector















































其它文章





 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



arrow
arrow
    文章標籤
    jquery selector 用法 程式 測試 教學 script
    全站熱搜

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄