如何更改或添加样式属性 onClick 事件答案

【问题标题】：How to change or add style property onClick event如何更改或添加样式属性 onClick 事件
【发布时间】：2014-07-07 08:37:26
【问题描述】：

我有一个菜单，当它在移动版本中打开时，单击链接时它不会关闭，所以我会在 div 样式中输入一个 height:2px 来关闭菜单。

我正在尝试执行以下操作，但无法正常工作：

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
    <li><a class="active" href="index.html"><span></span>Link 01</a></li>
    <li><a href="index.html"><span></span>Link 02</a></li>
    <li><a href="index.html"><span></span>Link 03</a></li>
</ul>
</div>

<script>
 $('.navbar-collapse collapse').on('click', function(){
document.getElementById("teste").style.height = "2px";
});
</script>

【问题讨论】：

通过点击链接页面滚动或刷新？

标签： jquery css styles height add

【解决方案1】：

试试这个（但正确的导航栏的 jquery 选择器，如下所示）

<script>
 $('.navbar-collapse.collapse').on('click', function(){
    $("#teste").css('height','2px');
});
</script>

您可以像下面一样一次提供多个 css 属性

<script>
     $('.navbar-collapse.collapse').on('click', function(){
        $("#teste").css({height : '2px',
      backgroundColor : "#ddd",
      fontWeight: ""
      });
    });
    </script>

JQuery CSS

【讨论】：

【解决方案2】：

您的选择器不正确。

使用

$('.navbar-collapse.collapse').on('click', function(){

而不是

$('.navbar-collapse collapse').on('click', function(){

当您使用多个类时，只需将选择器写在一起，中间不要有空格

【讨论】：