Javascript OnClick样式更改

当我点击链接时，我试图在链接上保留悬停样式的状态，有点像一种标签效果。它似乎不起作用，希望有人能帮我

CSS:

脚本：

$('div.nav > a').click(function(){
$(this).parent().removeClass('nav').addClass('nav2');
});

HTML:

您可以通过在onClick上声明不同的样式来完成纯Javascript的工作

var change = document.getElementById("Link Id");  //Define the link in a variable
change.onClick=function() {           //Activate the function when clicked
  change.style.fontFamily=("Asap");
  change.style.color=("#fff");
  change.style.fontSize=("12px");
  change.style.textDecoration=("none");         //Change the link attributes
  change.style.textTransform=("uppercase");
  change.style.letterSpacing=("1px");
  change.style.borderTop=("2px solid #fff");
  change.style.paddingTop= ("5px");
}

这将在单击链接后将链接样式更改为悬停样式。只需确保您为链接分配了一个id。确保您知道基本的Javascript，比如src标记来调用它：

<script type = "text/javascript" src = "externaljavascript.js"></script>  

---

不要忘记避免在外部脚本中使用标记。

您可以通过声明不同的样式onClick来完成纯Javascript的工作

var change = document.getElementById("Link Id");  //Define the link in a variable
change.onClick=function() {           //Activate the function when clicked
  change.style.fontFamily=("Asap");
  change.style.color=("#fff");
  change.style.fontSize=("12px");
  change.style.textDecoration=("none");         //Change the link attributes
  change.style.textTransform=("uppercase");
  change.style.letterSpacing=("1px");
  change.style.borderTop=("2px solid #fff");
  change.style.paddingTop= ("5px");
}

这将在单击链接后将链接样式更改为悬停样式。只需确保您为链接分配了一个id。确保您知道基本的Javascript，比如src标记来调用它：

<script type = "text/javascript" src = "externaljavascript.js"></script>  

---

别忘了避免在外部脚本中使用标记。

叫我疯了，但是你的“.nav a:悬停”css和“.nav 2 a”css看起来相同，实际上，我正试图使我的链接在单击时具有与悬停时相同的效果。我想是这样的-我会将它们合并到相同的规则中，尽管如此，至少如果您更改它，它将应用于两者（只需在{之前用逗号分隔两个选择器）。它在哪个浏览器中使用了不同的样式？Chrome似乎仍然使用相同的样式：hover和clickCall me crazy，但您的“.nav a:hover”css和“.nav2 a”css看起来相同，我实际上是在尝试使我的链接在单击时具有与在悬停时相同的效果。我想是的-我会将它们合并到相同的规则中呃，所以至少如果你改变它，它将同时应用于两个选择器（只需在{之前用逗号分隔两个选择器）。它在哪个浏览器中使用不同的样式？Chrome似乎保留了相同的样式：悬停并单击