jQuery分組選擇器用法實例

字號： 小 中 大


    本文實例講述了jQuery分組選擇器用法。分享給大家供大家參考。具體分析如下：
    分組選擇器將每一個選擇器匹配到的元素合并后一起返回，能夠對它們進行相同的操作。
    實例代碼:
    復制代碼 代碼如下:$(".mydiv ,span")
    以上代碼能夠匹配類名為mydiv的元素和所有的span元素。兩個選擇器之間要用逗號分割。
    實例代碼:
    代碼如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="author" content="" />
    <title></title>
    <style type="text/css">
    div{
      height:150px;
      width:150px;
      background-color:green;
      margin-top:10px;
    }
    </style>
    <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("button").click(function(){
        $(".mydiv ,span").css("color","red");
      })
    })
    </script>
    </head>
    <body>
      <div></div>
      <span>歡迎您</span>
      <button>點擊查看效果</button>
    </body>
    </html>
    以上代碼可以將類名為mydiv的div和span中的字體顏色設置為紅色。
    希望本文所述對大家的jQuery程序設計有所幫助。