タブみたいな感じでリンクが並んでいて,選択中のタブは見た目を変えたい,みたいなとき,テンプレートでifとか書いてもいいけど,JSでやると簡単にできて,いろんなところで使い回せる.
リンク先が表示中のページと一致するか判定する.
$(function() { $('a').each(function() { if (this.href === location.href) { $(this).css({ 'font-weight': 'bold', 'font-size': '120%' }); } }); });