快捷導(dǎo)航

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

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

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

本文實例講述了jQuery實現(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è)置on的css高亮部分樣式即可。

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

您可能感興趣的文章:

相關(guān)文章

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