利用Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式

記錄一點(diǎn)，小技巧。直接上代碼嘍，因?yàn)榻裉爝€沒有功夫扯皮呢。

成都服務(wù)器托管，成都創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、服務(wù)器托管、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、國際域名空間等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢：18982081108

        <!DOCTYPE html>
        <html>
            <head>
                <meta charset="UTF-8">
                <title>一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變點(diǎn)擊的當(dāng)前div樣式</title>
            </head>
                <script type="text/javascript" src="js/jquery.js" ></script>
            <body>
                <div id="little_light">
                    <div >我是第一個(gè)同級(jí)div</div>
                    <div>我是第二個(gè)同級(jí)div</div>
                    <div>我是第三個(gè)同級(jí)div</div>
                    <div>我是第四個(gè)同級(jí)div</div>
                    <div>我是第五個(gè)同級(jí)div</div>
                    <div>我是第六個(gè)同級(jí)div</div> 
                    <div>我是第七個(gè)同級(jí)div</div>
                </div>
            </body>
            <style>
                .light_greycolor {
                        background-color:#FF8400;
                }
                div{
                    width: 140px; 
                    height: 30px;
                    }
            </style>
            <script>
                $(function(){
                $("#little_light div").bind("click",function(){
                        $(this).siblings('div').removeClass('light_greycolor');  // 刪除其他兄弟元素的樣式//jQuery siblings() 方法返回被選元素的所有同胞元素，并且可以使用可選參數(shù)來過濾對(duì)同胞元素的搜索。
                        $(this).addClass('light_greycolor'); 
                    });
            });
        </script>

        </html>

實(shí)現(xiàn)效果：
利用 Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式

利用 Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式

網(wǎng)站名稱：利用Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式
鏈接地址：http://jinyejixie.com/article6/iisdig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、營銷型網(wǎng)站建設(shè)、做網(wǎng)站、建站公司、、微信小程序

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

利用Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式

利用Siblings一步實(shí)現(xiàn)多個(gè)同級(jí)div，只改變當(dāng)前點(diǎn)擊的div樣式