JQuery删除添加的样式

2018-07-04 01:39:22

我是Javascript新手，我使用骨干所以我添加这样的风格（点击时链接到一个链接）

     $(eventC.target.parentNode).css('border', '1px solid red');

我希望前面的链接清除我点击新链接时添加的红色边框

我查看了jQuery下的链接 - 使用.css（）函数添加的删除样式

所以本质上我想这样做：

$(OLDLINK).css('border', 'none');
$(NewLINK).css('border', '1px solid red');

我从骨干中获得的事件

有没有简单的方法来做到这一点？或者这种方法错了吗？

我建议使用CSS类来添加边框并添加/删除它，如下所示

CSS：

.borderRed
{
  border : 1px solid red;
}

jQuery的：

//remove border from old link
$('.borderRed').removeClass('borderRed');

// add border in new link
$(eventC.target.parentNode).addClass('borderRed');

如果我清楚地理解你的问题，你需要这样的东西

var container = $("div.parent").on("click", "a", function(){
    $(this).addClass("selected");
    container.find("a").not($(this)).removeClass("selected");
});

演示

该解决方案可能如下所示：

Backbone.View.extend ({

 events: {
   "event-which-delete-border a.link":"changeLink",
   "event-which-add-border a.link":"changeLink"
 },
changeLink:function(event) {

 if (event.type == 'event-which-delete-border') {
   $('a.link').css('border', 'none');
 } else if (event.type == 'event-which-add-border')
   $('a.link').css('border', '1px solid red');
 }

})

在这个例子中，单词'event-which-delete-border'和'event-which-add-border'可以是来自JavaScript的所有事件，例如'click''mouseover'等

链接地址: http://www.djcxy.com/p/94881.html

上一篇: JQuery remove styles added

下一篇: grid, JS