javascript - 如何在 jquery 或 javascript 中使用 html

Question

所以我有一组这样的按钮。 /image/839MH.png

单击第四个 bolt 时，我想调用这样的选择菜单选项。

我想要的结果是点击按钮后是这样的 /image/d6XIj.jpg

我想知道如何将此html代码嵌入jquery或java脚本中，以便我可以通过onclick/click函数调用它。下面是我的 jquery 代码和按钮的 html。

我的按钮的 HTML 代码

<img id="analysis" class="normal_button" src="buttons/analysis.png">  

按钮的jquery代码

jQuery(document).ready(function(){
jQuery("#analysis").click(function(){
alert("hello world");
});
});

Answer 1

您可以使用 css 来实现此目的，而不是在 Jquery 中嵌入 html。

请引用https://jsfiddle.net/qen76fep/1/

说明:您可以在 css 中使用 display 属性，方法是首先将 select 框的 display 属性设置为 none ，然后单击按钮，您可以使用display属性来“阻止”。

引用:http://www.w3schools.com/cssref/pr_class_display.asp

要在按钮点击上实现切换效果，您可以使用Jquery中的toggle()函数。

示例:jQuery('.selectbox').toggle();

引用:“http://api.jquery.com/toggle/”