JavaScript与jQuery的hide()和show()等效吗?

弗朗西斯·杰西·恩里奎兹(Francis Jessie S.

我有一个简单的隐藏和显示jQuery代码,我想问一下这是否等同于JavaScript?这是我的代码。

$(document).ready(function() {
  $("#myButton").hide();
  $("#1").click(function() {
    $("#myButton").show();
    $("#myButton").click(function() {
      $("#myButton").hide();
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

我从下面的注释中遵循了一些代码,但是它们不起作用:

<script>
  document.getElementById('myButton').style.display = 'none';

  function selectOptionsupdated(select) {
    document.getElementById('myButton').style.display = 'block';
  }
</script>

<select onSelect="selectOptionsupdated(this)">
  <option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

我首先要隐藏按钮,然后单击<option>标签“ Science”,然后单击按钮,单击按钮后隐藏按钮。如果还有更多<option>标签怎么办?

Vinay Pratap Singh

这很简单

document.getElementById('myElement').style.display = 'block'; // show
document.getElementById('myElement').style.display = 'none'; // hide

onSelect="selectOptionsupdated(this)在您的选择中添加

然后

function selectOptionsupdated(select){
//do your stuff here  
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript与jQuery的hide()和show()等效吗?

来自分类Dev

jQuery .hide()和.show()

来自分类Dev

jQuery .hide()和.show()

来自分类Dev

Javascript原生等效于JQuery .each()和$(this)

来自分类Dev

如何压缩.show和.hide jQuery?

来自分类Dev

jQuery悬停功能show和hide元素

来自分类Dev

jQuery | 使用div制作show()和hide()

来自分类Dev

如何压缩.show和.hide jQuery?

来自分类Dev

.show()和.hide()在jQuery中如何工作

来自分类Dev

使用.show()和.hide()功能对JavaScript / JQuery代码进行故障排除

来自分类Dev

jQuery hide()和fadeOut(),show()和fadeIn()之间的区别

来自分类Dev

在纯JavaScript中,jQuery的.height()和.width()等效于什么?

来自分类Dev

jQuery show()和hide()与带有display:block / none的类

来自分类Dev

使jQuery .show()和.hide()与UI效果并排运行

来自分类Dev

jQuery show()和hide()与带有display:block / none的类

来自分类Dev

jQuery-如何基于可变值的.show()和.hide()元素?

来自分类Dev

div内容在jquery.hide()和show()之后消失

来自分类常见问题

简化Hide Show Jquery

来自分类Dev

在普通香草Javascript中创建.hide()和.show()的方法

来自分类Dev

Hide/show elements with javascript

来自分类Dev

Javascript和PHP Xor等效

来自分类Dev

jQuery Javascript中的等效函数

来自分类Dev

jQuery .last()等效于Javascript

来自分类Dev

jQuery的Javascript等效函数.on()函数

来自分类Dev

jQuery到Javascript等效项

来自分类Dev

WPF LinearGradientBrush和RadialGradientBrush的CSS等效吗?

来自分类Dev

setfill和setw python等效吗?

来自分类Dev

mailto:和tel:的rails方式等效吗?

来自分类Dev

ngrad install和gradle等效吗?

Related 相关文章

  1. 1

    JavaScript与jQuery的hide()和show()等效吗?

  2. 2

    jQuery .hide()和.show()

  3. 3

    jQuery .hide()和.show()

  4. 4

    Javascript原生等效于JQuery .each()和$(this)

  5. 5

    如何压缩.show和.hide jQuery?

  6. 6

    jQuery悬停功能show和hide元素

  7. 7

    jQuery | 使用div制作show()和hide()

  8. 8

    如何压缩.show和.hide jQuery?

  9. 9

    .show()和.hide()在jQuery中如何工作

  10. 10

    使用.show()和.hide()功能对JavaScript / JQuery代码进行故障排除

  11. 11

    jQuery hide()和fadeOut(),show()和fadeIn()之间的区别

  12. 12

    在纯JavaScript中,jQuery的.height()和.width()等效于什么?

  13. 13

    jQuery show()和hide()与带有display:block / none的类

  14. 14

    使jQuery .show()和.hide()与UI效果并排运行

  15. 15

    jQuery show()和hide()与带有display:block / none的类

  16. 16

    jQuery-如何基于可变值的.show()和.hide()元素?

  17. 17

    div内容在jquery.hide()和show()之后消失

  18. 18

    简化Hide Show Jquery

  19. 19

    在普通香草Javascript中创建.hide()和.show()的方法

  20. 20

    Hide/show elements with javascript

  21. 21

    Javascript和PHP Xor等效

  22. 22

    jQuery Javascript中的等效函数

  23. 23

    jQuery .last()等效于Javascript

  24. 24

    jQuery的Javascript等效函数.on()函数

  25. 25

    jQuery到Javascript等效项

  26. 26

    WPF LinearGradientBrush和RadialGradientBrush的CSS等效吗?

  27. 27

    setfill和setw python等效吗?

  28. 28

    mailto:和tel:的rails方式等效吗?

  29. 29

    ngrad install和gradle等效吗?

热门标签

归档