Question

我怎样才能翻译＆＃34;以下代码在jquery中？

function openNav() {
document.getElementById("myNav").style.height = "100%";
}

function closeNav() {
document.getElementById("myNav").style.height = "0%";
}

Answer 1

使用jQuery，您可以使用css()功能。

您声明CSS规则的第一个值，第二个值，即值。

function openNav() {
  $("#myNav").css('height', '100%');
}

function closeNav() {
  $("#myNav").css('height', '0%');
}

或者您可以使用jQueries height()函数。

function openNav() {
  $("#myNav").height(100+'%');
}

function closeNav() {
  $("#myNav").height(0);
}

Answer 2

使用jQuery代码将成为

function openNav() {
  $("#myNav").height("100%");
}

function closeNav() {
  $("myNav").height("0%");
}

Answer 3

这很容易实现：

function openNav() {
  $("#myNav").css("height",  "100%");
}

function closeNav() {
  $("#myNav").css("height", "0%");
}

问候

Answer 4

原生document.getElementById("myNav")获得$("#myNav")。这称为ID selector 可以使用jQuery method .height().

轻松设置原生.style.height = "100%"

你在jQuery中的代码看起来像thio

function openNav() {
    $("#myNav").height("100%")
}

function closeNav() {
    $("#myNav").height("0%");
}

Answer 5

只需简单地看一下jQuery height Documentation，就可以将高度值传递给高度方法。

$('#myNav').height(50);

您还可以调用css（）方法对css属性进行更精细的控制。 jQuery css Documentation.

如何在jquery中翻译普通的javascript

5 个答案: