2 yhkqwkz446 yhkqwkz446 于 2016.04.05 14:59 提问

请问下面的jquery代码为何不起作用
 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head>
 3 <script type="text/javascript" src="jquery.js"></script>
 4 <script type="text/javascript">
 5     $(document).ready(function () {
 6         $(".ex.hide").click(function () {
 7             $(this).parents(".ex").hide("slow");
 8         });
 9     });
10 </script>
11 <!--样式定义-->
12 <style type="text/css">
13 div.ex
14 {
15  background-color:#e5eecc;
16  padding:7px;
17  border:solid 1px #c3c3c3;   
18  }
19 </style>
20 
21 </head>
22 <body>
23 <h3>Island Trading</h3>
24 <div class="ex">
25 <button class="hide" type="button">Hide me
26 </button>
27 <p>Contact:Helen Bennett<br />
28 Garden House Crowther Way<br />
29 London
30 </p>
31 </div>
32 
33 <h3>Pairs Trading</h3>
34 <div class="ex">
35 <button class="hide" type="button">Hide me</button>
36 <p>Contact:Marie Bertrand<br />
37 265,Boulevard Charonne<br/>
38 Pairs
39 </p>
40 </div>
41 </body>
42 </html>

5个回答

showbo
showbo   Ds   Rxr 2016.04.05 15:31

注意用空格隔开

  $(".ex .hide").click(function () {
zq18740477653
zq18740477653   2016.04.06 12:06

$(".ex .hide").click(function () {

qq_17637725
qq_17637725   2016.04.06 15:15

上面回答的是一个原因 还有你那个jquery.js的路径是否引用成功了 都是需要检查一下的

qq_26431469
qq_26431469   2016.04.08 09:40

选择多个 用空格隔开

cjq1126247054
cjq1126247054   2016.04.08 12:20

选择器的问题
$('.ex.hide') 是选择 class="ex" 且 class="hide" 的元素,即 class='ex hide'。
你的情况应该用后代选择器(空格)或者子选择器(>号),如$('.ex .hide')或者$('.ex>.hide')

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!