javascript - 我是否使用了正确的 jQuery 语法？

Question

我有以下代码-

$(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。

Answer 1

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

看看一些jQuery selectors .例如:

可以使用 jQuery 的 id attribute selector 找到具有 foo id 属性的元素。 #:

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

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

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

jQuery 的一大特点是它有许多快捷方法。有一些显示和隐藏元素(以及切换它们)的快捷方法:

• element.show()
• element.hide()
• element.toggle()