Question

我正在创建一个保龄球游戏，我创建了0-10按钮。

例如，当我输入7时，我只想按0-3按钮。然后，一旦单击其中一个（0-3），所有（0-10）按钮应再次可见。

一直试图操纵：

style="display: inline;"

要

style="display: none;"

尝试使用.toggleClass和.removeClass，但因为我没有通过CSS操纵这些，所以不确定我的选择。

Answer 1

使用jQuery，你可以：

$('element').css('display', 'none|block');

使用纯Javascript，您可以：

document.querySelector('element').style.display = 'none|block';

请注意，在jQuery中，您可以使用hide()和show()或直接修改您想要的任何值中的css值，区别在于hide()相当于如果您要设置display: none，show()，display: block，{{}等属性，则inline和inline-block可能等同于flex 1}}等等你应该使用jQuery table。

检查这个游乐场：

element.css

let el = $('.hallo');
$('.hide').click(function() {
  el.hide();
});
$('.show').click(function() {
  el.show();
});
$('.css').click(function() {
  el.css('display', $('.prop').val());
});

JavaScript，使用JQuery操作HTML'风格'

1 个答案: