我有一个我想要的网站,当有人点击任何按钮时,按钮边框就会出现。这是我的 JS:
$(document).ready(function() {
$("#button1").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
$('.' + targetEl).fadeIn();
$( "#button1" ).css( "border", "3px solid red" );
});
});
});
$(document).ready(function() {
$("#button2").on('click', function () {
var targetEl = $(this).data('target');
$.when($('.' + targetEl).siblings('a').fadeOut()).done(function () {
$('.' + targetEl).fadeIn();
$( "#button2" ).css( "border", "3px solid red" );
});
});
});
当我点击 button1 时,边框出现了,没问题。
但是当我单击 button2 时,我希望 button1 的边框消失(单击其他按钮时隐藏)。依此类推,我的网站上有 9 个按钮,我给了它们所有 ID,我希望每个按钮在激活时都有一个边框(有人点击它们)。
最佳答案
$('[id^=button]').css("border","none");
或
$('button').css("border","none");
然后
$( "#button2" ).css( "border", "3px solid red" );
关于javascript - 单击按钮时隐藏 JQuery css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30320430/