js给多个具有相同class的元素绑定同一个事件或者样式

<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>

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

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

或者:

$("[class='btn1 btn2']").each(function () {
    my_function();
});
发布了101 篇原创文章 · 获赞 69 · 访问量 22万+

猜你喜欢

转载自blog.csdn.net/weekdawn/article/details/103674591