为什么这段代码不能正确工作?我搜索 .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 中看到错误
最佳答案
我认为你的问题是你在使用 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();
隐藏具有 alt
的图像包含单词“image”,您可以执行此操作(可以找到其他选择器选项 here ):
$(function() {
$('img[alt*="image"]').hide();
});
而不是使用 alt
属性,另一个选项是为图像分配一个类,这样您就可以根据它们的类来选择图像:
$(function() {
$('.myImageClassName').hide();
});
<img class="myImageClassName" />
或者将它们包裹在 div
中具有独特的id
:
$(function() {
$('#myImageContainer img').hide();
});
<div id="myImageContainer">
<img />
<img />
<img />
</div>
关于javascript - 隐藏 .img javascript 加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14182039/