jquery分組選擇器用法實(shí)例

字號(hào)： 小 中 大


    本文實(shí)例講述了jquery分組選擇器用法。分享給大家供大家參考。具體分析如下：
    分組選擇器將每一個(gè)選擇器匹配到的元素合并后一起返回，能夠?qū)λ鼈冞M(jìn)行相同的操作。
    實(shí)例代碼:
    復(fù)制代碼 代碼如下:$(.mydiv ,span)
    以上代碼能夠匹配類名為mydiv的元素和所有的span元素。兩個(gè)選擇器之間要用逗號(hào)分割。
    實(shí)例代碼:
    代碼如下:
    <!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>點(diǎn)擊查看效果</button>
    </body>
    </html>
    以上代碼可以將類名為mydiv的div和span中的字體顏色設(shè)置為紅色。
    希望本文所述對(duì)大家的jquery程序設(shè)計(jì)有所幫助。