Javascript 如何使用jquery控制html属性
我的网页上有Javascript 如何使用jquery控制html属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的网页上有img元素,当我调整窗口大小时,它有data mobil和data table属性,我的图像src与data mobil或data table发生变化,但如果我的图像没有任何属性data mobil或data table,那么我的img就没有响应请注意如何做到这一点 函数makeResize(){ var imageSrc=$(“.myDiv img”); 如果($(窗口).width()480){ $(imageSrc).每个(函数(键、值){ $(value).attr('sr
img
元素,当我调整窗口大小时,它有data mobil
和data table
属性,我的图像src与data mobil
或data table
发生变化,但如果我的图像没有任何属性data mobil
或data table
,那么我的img就没有响应请注意如何做到这一点
函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
$(value).attr('src',$(value).data('tablet');
});
}否则如果($(window).width()只需检查相应的数据-*
属性的值是否未定义
,然后相应地隐藏/显示
,同时更改show
上的src
属性
这是您更新的代码片段
函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
if($(值).data('tablet')==未定义)
$(value.hide();
否则{
$(value).attr('src',$(value).data('tablet');
$(value.show();
}
});
}else if($(window).width()只需在简单条件下检查img数据即可
function makeResize(){
var imageSrc = $(".myDiv img");
if($(window).width() <=768 && $(window).width()>480){
$(imageSrc).each(function(key,value){
if($(value).data('tablet') == undefined || $(value).data('tablet') == '' || $(value).data('tablet') == null) {
// no src change
} else {
$(value).attr('src',$(value).data('tablet'));
}
});
}else if($(window).width() <=480 ) {
$(imageSrc).each(function(key,value){
if($(value).data('mobil') == undefined || $(value).data('mobil') == '' || $(value).data('mobil') == null) {
// no src change
} else {
$(value).attr('src',$(value).data('mobil'));
}
});
}else{
$(imageSrc).each(function(key,value){
if($(value).data('src') == undefined || $(value).data('src') == '' || $(value).data('src') == null) {
// no src change
} else {
$(value).attr('src',$(value).data('src'));
}
});
}
}
函数makeResize(){
var imageSrc=$(“.myDiv img”);
如果($(窗口).width()480){
$(imageSrc).每个(函数(键、值){
if($(值).data('tablet')==未定义的| |$(值).data('tablet')==''| |$(值).data('tablet')==空){
//无src变化
}否则{
$(value).attr('src',$(value).data('tablet');
}
});
}else if($(窗口).width()所以,当您没有任何图像的数据-*
属性或其值时,您想做什么?您想保留原始图像吗?不,我想删除没有数据的img元素-*。例如,如果我的图像没有数据移动,我想在移动上删除我的图像如果我的图像没有数据平板,我想在平板上删除我的图像,但如果我的屏幕很宽(桌面)我想保留我的图像删除
或隐藏
?抱歉,我想隐藏它我的英语不足以告诉你:)没关系..如果你澄清事情,语言不是问题..)是的,这正是我想要的,但当我将屏幕调整为宽屏幕时,我的图像并没有出现,只是隐藏在屏幕上。你能帮我吗?