js给多个具有相同class的元素绑定同一个事件或者样式
  1A7r4m76aU2o 2023年11月19日 15 0
<button class="btn1">month1</button>
<button class="btn1">month2</button>
<button class="btn1">month3</button>

若要给上面3个都具有btn1的class的按钮,添加同样的点击事件,则如下操作:

$(".btn1").each(function () {
	$(this).click(function () {
		alert($(this).html());
	});
});

若接下来要给上面3个都具有btn1的class的按钮,添加相同的css样式,则如下操作:

$(".btn1").each(function () {
    $(this).css({
        "height": "20px",
        "width": "100px"
    });
});
<button class="btn1 btn2">month4</button> 
<button class="btn1 btn2">month5</button>
<button class="btn1 btn2">month6</button>

如果目标元素是像上面这样,具有多个class,则如下操作:

$(".btn1.btn2").each(function () {
    my_function();
});

或者:

$("[class='btn1 btn2']").each(function () {
    my_function();
});
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月19日 0

暂无评论

推荐阅读
  X5zJxoD00Cah   2023年11月19日   23   0   0 管理系统githtml
  lh6O4DgR0ZQ8   2023年12月10日   13   0   0 缩放CSS3d
  X5zJxoD00Cah   2023年11月26日   23   0   0 Pythonhtml
  zhRhucGD3dLm   2023年11月22日   16   0   0 属性选择器选择器html
1A7r4m76aU2o