1

我有以下代码 -

$(window).resize(function () {
    if ($(window).width() >= 1023) {
        for (var i = 0; i < seatInfo.length; i++) {
            if (seatInfo[i].data == 'true') {
                document.getElementById('Btn1').style.visibility = "visible";
                break;
            } else {
                document.getElementById('Btn1').style.visibility = "hidden";
            } 
        }
        if (nameInfo[0].data == "true") {
            document.getElementById('Btn2').style.visibility = "visible";
        }
    }
    if ($(window).width() <= 1022) {
        document.getElementById('Btn2').style.visibility = "hidden";
    }
});

这是正确的写法吗？我注意到它包含 JavaScript 和 jQuery 组合。

4

4 回答 4

2

如果您专门询问 jQuery 语法，那么答案是否定的。您正在使用本机 JavaScript 方法而不是更短的 jQuery 方法。

看看一些jQuery 选择器。例如：

foo可以使用 jQuery 的id 属性选择器 找到具有 id 属性的元素#：

var element = $( "#foo" ); // match the element

更改元素的可见性属性与更改任何其他 css 属性相同：

element.css( "visibility", "visible" ); // change css properties

jQuery 的一大特点是它有很多快捷方法。有一些快捷方法可以显示和隐藏元素（以及切换它们）：

于 2013-09-22T22:30:23.413 回答
1

为什么中途停止使用 jQuery？

  • 供document.getElementById('Btn1')使用$('#Btn1')。
  • 供.style.visibility = "visible"使用.show()（或者，如果你想非常精确，.css('visibility', 'visible')）

jQuery 官方网站上有很多很好的文档。

于 2013-09-22T22:27:05.790 回答
1

您可以使用$('#some-id').hide()和$('#some-id').show()。而不是document.getElementById('some-id')withstyle.visibility = "visible"或style.visibility = "hidden"。

于 2013-09-22T22:30:54.117 回答
-1

您可以使用jquery 中的.css并将其设置为 json 结构来定义一个或多个 CSS 属性，这对我来说更容易记住。

$('#Btn1').css({
    'property': 'value', 
    'property': 'value'
});

或者像这样将它用于单个属性

var btn1 = $('#Btn1'),
   btn2 = $('#Btn2'),
   window = $(window); 

window.resize(function () {
    if (window.width() >= 1023) {
        for (var i = 0; i < seatInfo.length; i++) {
            if (seatInfo[i].data == 'true') {
                btn1.css('visibility','visible');
                break;
            } else {
                btn1.css('visibility','hidden');
            } 
        }
        if (nameInfo[0].data == "true") {
            btn2.css('visibility','visible');
        }
    }
    if (window.width() <= 1022) {
        btn2.css('visibility','hidden');
    }
});
于 2013-09-22T22:31:17.783 回答