ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jqueryを使用してハイライトを実装する方法

jQuery_jqueryを使用してハイライトを実装する方法

WBOY
WBOYオリジナル
2016-05-16 16:10:261377ブラウズ

この記事の例では、jQuery が強調表示を実装する方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

主な機能コードは次のとおりです:

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")
 }
})

使用する場合は、CSSのハイライトスタイルをオンに設定するだけです。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。