Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在按钮中隐藏子图像 问题 函数$(选择器){ var resultObject={ 隐藏:函数(){ ($(选择器).style.visibility=“hidden”; //($(选择器).next().style.visibility=“hidden”; } }; 返回结果对象; } 点击_Jquery_Css - Fatal编程技术网

Jquery 如何在按钮中隐藏子图像 问题 函数$(选择器){ var resultObject={ 隐藏:函数(){ ($(选择器).style.visibility=“hidden”; //($(选择器).next().style.visibility=“hidden”; } }; 返回结果对象; } 点击

Jquery 如何在按钮中隐藏子图像 问题 函数$(选择器){ var resultObject={ 隐藏:函数(){ ($(选择器).style.visibility=“hidden”; //($(选择器).next().style.visibility=“hidden”; } }; 返回结果对象; } 点击,jquery,css,Jquery,Css,上面的代码在我单击按钮时会隐藏按钮,但我只想隐藏按钮内的图像,而不是整个按钮。如果您将onclick从$(this.hide();

上面的代码在我单击按钮时会隐藏按钮,但我只想隐藏按钮内的图像,而不是整个按钮。如果您将onclick从
$(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>