用于当前页面中图像的javascript搜索功能

我是一个新的在建设一个HTML网站，但我没有一个基本的编程知识。我将100个动画图像放到其他服务器，并将所有这些图像链接到我的HTML网站。例如：

<p>
  <img src="http://.../abc/23118465.gif" alt="teddy bear"align="left" width="150" height="100" >
</p>

---

如何编写java脚本搜索来过滤当前HTML页面中的图像？例如，当我在搜索栏中键入“泰迪熊”并单击图像按钮搜索时，它将从该服务器查询和搜索泰迪熊图像？编写这些代码是否很困难，因为我尝试创建一个下拉列表来选择和链接这些图像，但仍然不起作用。

使用选择器可以很容易地实现这一点。您可以通过在单击按钮时附加文本框的值来构建选择器，如下所示：

$（'form'）。提交（函数（e）{
e、 预防默认值（）；
$（'p img'）.hide（）；
$（'p img[alt*=“'+$（'#search'）.val（）+“]'）.show（）；
});

搜寻





您能描述一下“但仍然不起作用”吗？如果
.val（）
与
alt
属性不匹配，会发生什么情况？然后所有图像都被隐藏