設(shè)置a標(biāo)簽的激活樣式

有時(shí)我們需要設(shè)置點(diǎn)擊某個(gè)a標(biāo)簽來請求相應(yīng)的數(shù)據(jù),之后需要給這個(gè)a標(biāo)簽設(shè)置相應(yīng)的激活樣式。如果通過a標(biāo)簽的點(diǎn)擊事件來做的話就會(huì)出現(xiàn)a標(biāo)簽的默認(rèn)事件,將頁面刷新。這個(gè)時(shí)候我們就需要通過a標(biāo)簽的href屬性的值和地址欄的地址做判斷,哪個(gè)a標(biāo)簽的href和地址地址相同就可以給他添加相應(yīng)的激活樣式。
示例代碼:

    //二級(jí)菜單激活樣式
    $(".user-center-content a").each(function() {
        let href = $(this).attr("href");
        let str = window.location.href;
        str = str.split(".htm")[0];
        href = href.split(".htm")[0];
        if ( href == str ) {
            $(this).addClass('active');
        }
    });
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,321評(píng)論 1 41
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,951評(píng)論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,381評(píng)論 25 708
  • 若干年之前,那時(shí)生活充滿了多種的可能,也曾很多次在腦中幻想描繪著屬于自己未來的藍(lán)圖,各種各樣的樣子、種種不同的想...
    Amote的舊時(shí)光閱讀 263評(píng)論 0 1
  • 你不快樂的每一天都不是你的。 追求充實(shí)快樂的人生是許多人的夢想。 從微小平凡的事物中找到美好的快樂。 把學(xué)到的美好...
    LittleWang小王子閱讀 404評(píng)論 4 2