Javascript 隐藏没有特定属性的DOM元素

Javascript 隐藏没有特定属性的DOM元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想隐藏767px上没有datawebsrc属性的所有图像。我尝试了以下方法,但失败了;我该怎么做 $('#主页旋转木马.lazy_res')。每个(函数(索引,值){ var ws=$(window.width(); var=1024; var中等=767; var小=0; 如果(ws,则应使用完成此操作。无需JavaScript /*设置页面默认样式和仅应 在这里对767px以下的视口有效*/ img{ 宽度:500px; 浮动:左; 右边距:10px; } /*仅将以下CSS应用于宽度

我想隐藏767px上没有
datawebsrc
属性的所有图像。我尝试了以下方法,但失败了;我该怎么做

$('#主页旋转木马.lazy_res')。每个(函数(索引,值){
var ws=$(window.width();
var=1024;
var中等=767;
var小=0;

如果(ws,则应使用完成此操作。无需JavaScript

/*设置页面默认样式和仅应
在这里对767px以下的视口有效*/
img{
宽度:500px;
浮动:左;
右边距:10px;
}
/*仅将以下CSS应用于宽度大于767px的视口*/
@介质(最小宽度:767px){
/*选择所有图像,属性为:dat web src的图像除外*/
img:not([datawebsrc]){
显示:无;/*隐藏匹配的元素*/
}
/*在这里进行您喜欢的任何其他CSS更改*/
/*此类仅在媒体查询时应用于图像
这是有效的*/
img.someNewClass{
/*不管你需要什么*/
}
}

这应该通过完成。不需要JavaScript

/*设置页面默认样式和仅应
在这里对767px以下的视口有效*/
img{
宽度:500px;
浮动:左;
右边距:10px;
}
/*仅将以下CSS应用于宽度大于767px的视口*/
@介质(最小宽度:767px){
/*选择所有图像,属性为:dat web src的图像除外*/
img:not([datawebsrc]){
显示:无;/*隐藏匹配的元素*/
}
/*在这里进行您喜欢的任何其他CSS更改*/
/*此类仅在媒体查询时应用于图像
这是有效的*/
img.someNewClass{
/*不管你需要什么*/
}
}

您需要在函数中设置代码,然后可以调用
onload
onresize
对其进行测试:


说明:将一个或多个事件的事件处理程序函数附加到所选元素

函数testit(){
$(“#主页旋转木马.lazy_res”)。每个(函数(索引、值){
var ws=$(window.width();
var=1024;
var中等=767;
var小=0;

如果(ws您需要在函数中设置代码,然后可以调用
onload
onresize
来测试它:


说明:将一个或多个事件的事件处理程序函数附加到所选元素

函数testit(){
$(“#主页旋转木马.lazy_res”)。每个(函数(索引、值){
var ws=$(window.width();
var=1024;
var中等=767;
var小=0;

如果(ws-thank you只有在调整页面大小时它才起作用。我们如何使specigif也在默认情况下工作?我认为它也应该在页面加载时起作用,因为我已经在其中手动触发了窗口调整大小事件。如果由于某种原因它不起作用,您可以将事件处理程序代码保留在单独的函数中,并在页面加载时调用该函数。谢谢,它起作用了。)只有在调整页面大小时,我们如何使specigif也在默认情况下工作?我认为它也应该在页面加载时工作,因为我已经在其中手动触发了窗口调整事件。如果由于某种原因它不工作,您可以将事件处理程序代码保留在单独的函数中,并在页面加载时调用该函数。嘿,谢谢,但我需要使用jquery b因为我将在同一时间添加类time@ani_css您只需在该媒体查询中添加类,这就是媒体查询的目的。嘿,谢谢,但我需要使用jquery,因为我将在同一个查询中添加类time@ani_css您只需在该媒体查询中添加该类,这就是媒体查询的用途。