在编写简单的代码时,我似乎重复了很多功能,有更好的方法吗?
$('#bt1').click(function() {
$('#txt1').show();
$(this).css("background-image", "url(site_images/08/btn_over.png)");
});
$('#bt2').click(function() {
$('#txt2').show();
$(this).css("background-image", "url(site_images/08/btn_over.png)");
});
$('#bt3').click(function() {
$('#txt3').show();
$(this).css("background-image", "url(site_images/08/btn_over.png)");
});
$('#bt4').click(function() {
$('#txt4').show();
$(this).css("background-image", "url(site_images/08/btn_over.png)");
});
这样我就不会重复代码了?
最佳答案
为您的按钮指定一个类
,例如btn
,然后您可以执行以下操作:-
$('.btn').click(function() {
$('#' + this.id.replace('bt', 'txt')).show();
$(this).css("background-image", "url(site_images/08/btn_over.png)");
});
关于jquery - 重复功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16518692/