Question

我真的不知道为什么这不起作用，但我是javascript的新手，所以我确定我犯了一个错误。

我有一个按钮，当点击我希望div消失，但当我点击按钮没有任何反应。

＆＃13;

$(document).ready(function() {
	$('#begin-button').click(function() {
		$('#welcome-div').hide();
	});
};

＆＃13;

<div id="welcome-div">
    <p>Welcome</p>
 </div>

<a href="#" id="begin-button" class="intro-button"/>Begin Tour</a>

＆＃13;

Answer 1

您在代码片段中缺少jQuery库。添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>以包含jQuery库

$(document).ready(function() {
    $('#begin-button').click(function() {
        $('#welcome-div').hide();
    });
};

$(document).ready(function() {
  $('#begin-button').click(function() {
    $('#welcome-div').hide();
  });
});
//^....... missing ')'

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="welcome-div">
  <p>Welcome</p>
</div>

<a href="#" id="begin-button" class="intro-button" />Begin Tour</a>

Answer 2

<!doctype html>
<html lang="en">    
<head>
  <meta charset="utf-8">
  <title>Hide</title>
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>  
  <style type="text/css">
  label input[type="file"] 
{
display: block;
margin-top: -20px;
opacity: 0;
}
  </style>
  <script>
   $(window).ready(function() {
$(document).delegate('#hide','click',function(){

  $('#spanFileName').hide();
});
});
  </script>
</head>
<body>
<p id='hide'> Click for hide</p>

<span id='spanFileName'>Hide me</span>
</body>
</html>

jquery的新手，想知道为什么.hide（）无效

2 个答案: