Jquery 如何在按钮中隐藏子图像 问题 函数$(选择器){ var resultObject={ 隐藏:函数(){ ($(选择器).style.visibility=“hidden”; //($(选择器).next().style.visibility=“hidden”; } }; 返回结果对象; } 点击
上面的代码在我单击按钮时会隐藏按钮,但我只想隐藏按钮内的图像,而不是整个按钮。如果您将onclick从Jquery 如何在按钮中隐藏子图像 问题 函数$(选择器){ var resultObject={ 隐藏:函数(){ ($(选择器).style.visibility=“hidden”; //($(选择器).next().style.visibility=“hidden”; } }; 返回结果对象; } 点击,jquery,css,Jquery,Css,上面的代码在我单击按钮时会隐藏按钮,但我只想隐藏按钮内的图像,而不是整个按钮。如果您将onclick从$(this.hide();
$(this.hide();
$(this.children('img')。hide();
),则可以尝试$(this.children('img')。hide();
它将对所有“img”子项应用隐藏功能
点击
示例JSFIDLE.使用以下代码:
问题
函数$(选择器){
var resultObject={
隐藏:函数(){
//($(选择器).style.visibility=“hidden”;
document.getElementById(“up”).style.display=“无”;
}
};
返回结果对象;
}
点击
onclick=“$(this).children('img').hide();”
-这将隐藏按钮内的所有图像。
<!DOCTYPE html>
<html lang="en">
<head>
<title>question</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script>
function $(selector) {
var resultObject = {
hide: function () {
($(selector).style.visibility = "hidden";
//($(selector).next().style.visibility = "hidden";
}
};
return resultObject;
}
</script>
</head>
<body>
<div class="container">
<button class="btn btn-primary btn-block" style="text-align:left; padding-left:16px" id ="another" onclick="$(this).hide();">click
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnwz8a0e72g6QXU5j3DT1bkyheIhJIW7O8razr8sydbUYOK6sF&s"
id="up" style="display: inline"width="20" height="20">
</button>
</div>
</body>
</html>