快捷導(dǎo)航

jQuery實(shí)現(xiàn)高亮顯示的方法

更新時(shí)間：2015年03月10日 15:01:02 作者：MeGoodtoo

這篇文章主要介紹了jQuery實(shí)現(xiàn)高亮顯示的方法,涉及jQuery樣式控制的addClass與removeClass方法使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)高亮顯示的方法。分享給大家供大家參考。具體如下：

主要功能代碼如下：

var v = window.location.pathname;
 $(".hd ul li a").each(function (i) {
 var vherf = $(this).attr("href");
 if (v == vherf) {
  $(".hd ul li").eq(i).addClass("on")
 }
 else {
  $(".hd ul li").eq(i).removeClass("on")
 }
})

使用時(shí)設(shè)置on的css高亮部分樣式即可。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01
JQuery自適應(yīng)IFrame高度（支持嵌套兼容IE,ff,safafi,chrome）
很高興，終于使用jquery實(shí)現(xiàn)了點(diǎn)擊外部鏈接，更改iframe內(nèi)容時(shí)，iframe的高度自適應(yīng)問(wèn)題。
2011-03-03
Yii-自定義刪除確認(rèn)彈框(zyd)jquery實(shí)現(xiàn)代碼
Yii-自定義刪除確認(rèn)彈框(zyd),簡(jiǎn)單/時(shí)尚/大方適合比較愛(ài)酷的人使用，時(shí)尚的你可不要錯(cuò)過(guò)了哈，希望本文知識(shí)點(diǎn)可以幫助到你
2013-03-03
jQuery實(shí)現(xiàn)網(wǎng)頁(yè)頂部固定導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)頁(yè)頂部固定導(dǎo)航效果代碼,涉及jQuery響應(yīng)scroll事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
開(kāi)發(fā)插件的兩個(gè)方法jquery.fn.extend與jquery.extend
jQuery為開(kāi)發(fā)插件提拱了兩個(gè)方法，分別是jquery.fn.extend與jquery.extend，接下來(lái)就為大家介紹下兩者的具體使用
2013-11-11
jQuery新的事件綁定機(jī)制on()示例應(yīng)用
從jQuery1.7開(kāi)始，jQuery引入了全新的事件綁定機(jī)制，on()和off()兩個(gè)函數(shù)統(tǒng)一處理事件綁定，下面通過(guò)示例為大家介紹下
2014-07-07
jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery網(wǎng)頁(yè)日歷顯示控件calendar3.1使用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
jQuery與getJson結(jié)合的用法實(shí)例
這篇文章主要介紹了jQuery與getJson結(jié)合的用法,實(shí)例分析了jquery解析json數(shù)據(jù)及數(shù)組遍歷的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
Jquery Ajax學(xué)習(xí)實(shí)例4 向WebService發(fā)出請(qǐng)求，返回實(shí)體對(duì)象的異步調(diào)用
Jquery Ajax學(xué)習(xí)實(shí)例4-向WebService發(fā)出請(qǐng)求，返回實(shí)體對(duì)象的異步調(diào)用
2010-03-03
jquery 表單進(jìn)行客戶端驗(yàn)證demo
用jquery對(duì)表單進(jìn)行客戶端驗(yàn)證demo ，學(xué)習(xí)jquery的朋友可以參考下。
2009-08-08