我已将CSS属性定义为
#myEltId span{
border:1px solid black;
}
点击按钮后,我想删除它的边框。
$('#button1').click(function() {
// How to fetch all those spans and remove their border
});
答案 0 :(得分:25)
只需使用:
$('#button1').click(
function(){
$('#myEltId span').css('border','0 none transparent');
});
或者,如果您更喜欢长篇形式:
$('#button1').click(
function(){
$('#myEltId span').css({
'border-width' : '0',
'border-style' : 'none',
'border-color' : 'transparent'
});
});
而且,我强烈建议您阅读css()
的API(请参阅下面的参考资料)。
参考文献:
答案 1 :(得分:5)
如果你多次使用它,你也可以定义没有border的css类:
.no-border {border:none !important;}
然后使用jQuery应用它;
$('#button1').click(function(){
$('#myEltId span').addClass('no-border');
});