且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用 Javascript/JQuery 更改 CSS 链接属性 onClick?

更新时间:2023-02-18 12:00:10

JQUERY:

$(function() {
   var links = $('a.link').click(function() {
       links.removeClass('active');
       $(this).addClass('active');
   });
});

HTML 标记:

<a href="#" class="link">Link 1</a>
<a href="#" class="link">Link 2</a>

我建议在链接中添加一个类,这样会更容易.

I suggest adding a class to the links, that way it's easier.

CSS:

a.link.active { color:blue; }

添加了实时版本(小提琴):http://jsfiddle.net/gHb9F/

Added a Live Version (fiddle): http://jsfiddle.net/gHb9F/