Javascript 更改点击按钮的CSS属性？

Hy， 请任何人帮我做这项工作。我真的非常需要它

我想通过点击按钮来改变按钮的类样式。 按钮包含在动态子div上，该开关每次都会更改。动态子div的名称每次都将保持不变

注意：父div中只显示一个子div

这是样式代码：

.btn_child              {display:block;  margin:-1px; border:1px solid; background-color:#428bca; border-color:#357ebd; text-align:left; padding-left:15px;  line-height:30px; }
.btn_child:hover        {background-color:#3276b1; border-color:#285e8e; }
.btn_child_selected     {background-color:#3276b1; border-color:#285e8e; }

这是html代码：

<div id="parent" class="parent_class"> 
<!--this is a dynamic content and the ID will change. only the name will still the same-->
<div id="dynamic_child1" name="child">
<a class="btn_child" target="_blank" href="" > link1        </a>
<a class="btn_child" target="_blank" href="" > link2        </a>
<a class="btn_child" target="_blank" href="" > link3        </a>
</div>
</div>

重要提示：单击“下一步”按钮，旧样式将返回默认样式，新样式将更改

---

这是一个链接。它可能会解释更多：

您可以使用jquery。在上，单击动态生成的子项的事件绑定，并在该事件中使用以更改相应控件的样式

$('#parent').on('click', '.btn_class', function() { 
    this.addClass("someCss");
});

---

您可以使用jquery.on作为动态生成的子项的click事件绑定，并在该事件中使用来更改相应控件的样式

$('#parent').on('click', '.btn_class', function() { 
    this.addClass("someCss");
});

其中divid指的是按钮，div指的是要更改css的div

或者我们可以创建一个css类并使用addClass方法代替css方法

$('#divid').click(function() {
        $('#div').addClass('cssclass');
    });

其中divid指的是按钮，div指的是要更改css的div

或者我们可以创建一个css类并使用addClass方法代替css方法

$('#divid').click(function() {
        $('#div').addClass('cssclass');
    });

---

最后，我按照自己的意愿完成了！如果有人对此感兴趣，以下是解决方案：

<script><!--jquery script-->
$('.parent_class').on('click','.btn_child',function () {
$('.btn_child').removeClass('btn_child_selected');
$(this).addClass('btn_child_selected')
});
</script>

您还可以检查此链接的完成位置：

---

我想感谢你们所有人的帮助。

最后，我按照自己的意愿完成了这件事！如果有人对此感兴趣，以下是解决方案：

<script><!--jquery script-->
$('.parent_class').on('click','.btn_child',function () {
$('.btn_child').removeClass('btn_child_selected');
$(this).addClass('btn_child_selected')
});
</script>

您还可以检查此链接的完成位置：

---

我想感谢你们的帮助。

在css中定义一个类，然后单击按钮将该类添加到特定元素。假设您的类名是活动的。那么您的代码将是这样的

    $('#divid').click(function() {
    $('#div').addClass('active');
});

---

在css中定义一个类，然后单击按钮将该类添加到特定元素。假设您的类名是活动的。那么您的代码将是这样的

    $('#divid').click(function() {
    $('#div').addClass('active');
});

---

---

你根本没有添加任何javascript？如果你想在默认类和新类之间切换，你可以使用。是的，我已经使用了它，但它对我不起作用。我认为，因为孩子们不是@HoussemChlegou，所以你的例子中没有JS是什么意思？还要注意，如果他们应该转到一个新页面，并且新页面是你想要更改的页面，那么你需要使用类似localStorage的东西。否则，如果您不想让他们转到新页面，请在单击事件中使用event.preventDefault。您根本没有添加任何javascript？如果您想在默认类和新类之间切换，您可以使用。是的，我已经使用了它，但它对我不起作用。我认为，因为孩子们不是@HoussemChlegou，所以你的例子中没有JS是什么意思？还要注意，如果他们应该转到一个新页面，并且新页面是你想要更改的页面，那么你需要使用类似localStorage的东西。否则，如果您不想让他们转到新页面，请在单击事件中使用event.prevent默认值。请给出完整结果？我是Js新手，对jqueryplease没有什么好主意。你能给我完整的结果吗？我是Js新手，对jqueryplease没有什么好主意。你能给我完整的结果吗？我是Js新手，对JQueryCorrect没有什么大的想法，我根据您的需要修改了代码。请把“someCss”改成你的班级。你能给我完整的结果吗？我是Js新手，对JQueryCorrect没有什么大的想法，我根据您的需要修改了代码。请将“someCss”更改为您拥有的类。我还想在单击另一个按钮时再次重置它。我昨天完成了，你可以检查它：我想你。我还想在点击另一个按钮时再次重置它。我昨天就完成了，你可以检查一下，想想你。