Question

我无法获得＆＃34;隐藏＆＃34; jQuery的功能。我只是使用死链接吗？我应该使用2.1.1吗？＆＃34;警报＆＃34;功能似乎有效，但隐藏功能不起作用。任何想法我还应该做些什么？

＆＃13;

*{
	margin: 0px;
	padding: 0px;
}

#container{
	width: 900px;
	margin: 0px auto;
	font-family: helvetica;
}

.effects{

}
	.effects button, #content{
		display: inline-block;
		/*vertical-align: top;*/
	}

	button{
		border: 2px solid grey;
		border-radius: 5px;
		padding: 5px;
		margin: 50px 0 0 0;
		position: relative;
		vertical-align: center;
		font-size: 18px;
		font-weight: bold;
	}

	#content{
		width: 700px;
	}

		#content h2, p{
			display: block;
			vertical-align: top;
			width: 700px;
		}

		h2{
			text-align: center;
			width: 700px;
		}

		p{
			width: 700px;
		}



	#border{
		border-bottom: 4px solid black;
		padding: 10px 0;
		/*margin: 10px 0;*/
	}

＆＃13;

<!DOCTYPE>
<html>
<head>
	<title>Help me with jQuery</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){

			$('h1').click(function(){
				alert('hello');
			})
			$('#hide').click(function(){
				$('p').hide();
			})
        })
	</script>
</head>
  
<body>
	<h1>YOOO</h1>
	<div id="container">
		<div class="effects">
			<button div="hide">hide</button>
			<div div="content">
				<h2>hide</h2>
				<p>Hide the matched elements.</p>
			</div>
			<div id="border"></div>
		</div>
     </div>    
</body>
</html>

＆＃13;

Answer 1

小错字，你需要纠正这一行：

<button div="hide">hide</button>

到此：

<button id="hide">hide</button>

<强> EDITED

＆＃13;

 $(document).ready(function() {

   $('h1').click(function() {
     alert('hello');
   })
   $('#hide').click(function() {
     $('p').hide();
   })
 })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>YOOO</h1>
<div id="container">
  <div class="effects">
    <button id="hide">hide</button>
    <div div="content">
      <h2>hide</h2>
      <p>Hide the matched elements.</p>
    </div>
    <div id="border"></div>
  </div>
</div>

＆＃13;

Answer 2

问题出在您的按钮上

<button div="hide">hide</button>

应该是id =“hide”

<h1>YOOO</h1>
<div id="container">
    <div class="effects">
        <button id="hide">hide</button>
        <div id="content">
            <h2>hide</h2>
            <p>Hide the matched elements.</p>
        </div>
        <div id="border"></div>
    </div>
 </div>

见这个JsFiddle：http://jsfiddle.net/52eu3m4x/

jQuery＆＃34;隐藏＆＃34;功能不起作用

2 个答案: