<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();
});
标签:function,绑定,class,btn2,each,js,btn1,css
From: https://blog.51cto.com/u_16291619/8436741