Question

顺便说一句，我是JQuery的新手！ html页面中有三个图像，并且只有一个图像显示来自SQL的一个状态值。我想只显示一个图像，例如，如果status = 1显示绿色图像，如果status = 2显示红色图像。如何使用JQuery？

HTML代码：

 <div id="divGraphic" style="text-align: center; margin: auto; width: 960px; height: 540px; overflow: hidden; position: relative;">
      <img src="img/overview2.png" style="width: 960px; height: auto; margin-top: -129px;" />

      <img class="crest green" src="img/green/crest-gate.png" />
      <img class="crest red" src="img/red/crest-gate.png" />
      <img class="crest yellow" src="img/yellow/crest-gate.png" />

Answer 1

您可能希望使用Jquery attr（）

作为一个例子

$("#img").attr("src","http://example.com/image.jpg");

这将允许您动态更改图像src位置并完成您所要求的内容。

您可以在以下文档链接

中找到有关attr（）的更多信息

http://api.jquery.com/attr/

至于从SQL数据库中提取数据。

您可能需要设置一些服务器端代码来提取任何特定数据。并使用AJAX请求动态获取此信息。

Jquery使AJAX请求相当简单直接。

服务器端代码完全取决于您的选择。但请记住安全性，这种类型的工作可以（如果处理不当）打开一些更大的安全漏洞。

使用JQuery动态更改图像

1 个答案: