隐藏.img javascript onload

Question

为什么此代码无法正常工作？ 我正在搜索.img属性，但是样式没有改变，并且始终显示图片。

HTML

    <script type="text/javascript">
    function displayDate()
    {
            $('img[alt=image2]').css("display","none");
            $('img[alt=image3]').css("display","none");
            $('img[alt=image4]').css("display","none");

            $('img[alt=image2]').css("visibility","visible");
            $('img[alt=image3]').css("visibility","visible");
            $('img[alt=image4]').css("visibility","visible");
    }
</script>

HTML

<body OnLoad="displayDate()">
<img src="im.jpg" alt="image2"/>
<img src="im.jpg" alt="image3"/>
<img src="im.jpg" alt="image4"/>
</body>

你可以看到chrome中的错误

在此处输入图片说明

Answer 1

我认为您的问题是，使用jQuery语法时没有包含jQuery库。 因此，尝试通过将其添加到页面的<head>来包括jQuery库：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

jQuery在加载时执行某些操作的方式如下：

$(function() {
   // this code will execute on load
});

jQuery隐藏元素的方式如下：

$('img[alt="image2"]').hide();

要隐藏包含“ image”一词的alt图片，您可以执行以下操作（可以在此处找到其他选择器选项）：

$(function() {
    $('img[alt*="image"]').hide();
});

除了使用alt属性外，另一个选择是为图像分配一个类，因此您可以根据图像的类来选择它们：

$(function() {
    $('.myImageClassName').hide();
});

<img class="myImageClassName" />

或将它们包装在具有唯一id的div ：

$(function() {
    $('#myImageContainer img').hide();
});

<div id="myImageContainer">
    <img />
    <img />
    <img />
</div>

Answer 2

只需尝试为每个img标签设置一个ID，然后尝试使用此jquery hide（）函数...

$('#your_img_id').hide();

可能有效...

隐藏.img javascript onload

问题描述

2 个解决方案

解决方案1
4 已采纳 2013-01-06 12:28:41

解决方案2
1

隐藏.img javascript onload

问题描述

2 个解决方案

解决方案1 4 已采纳 2013-01-06 12:28:41

解决方案2 1

解决方案1
4 已采纳 2013-01-06 12:28:41

解决方案2
1