jquery分組選擇器用法實例

字號： 小 中 大


    本文實例講述了jquery分組選擇器用法。分享給大家供大家參考。具體分析如下：
    分組選擇器將每一個選擇器匹配到的元素合并后一起返回，能夠?qū)λ鼈冞M行相同的操作。
    實例代碼:
    復制代碼 代碼如下:$(.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 class=mydiv></div>
      <span>歡迎您</span>
      <button>點擊查看效果</button>
    </body>
    </html>
    以上代碼可以將類名為mydiv的div和span中的字體顏色設置為紅色。
    希望本文所述對大家的jquery程序設計有所幫助。