html-请问下面的jquery代码为何不起作用

问题描述

请问下面的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>

解决方案

注意用空格隔开

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

解决方案二:

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

解决方案三:

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

解决方案四:

选择多个 用空格隔开

解决方案五:

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

时间: 2024-11-01 21:25:03

html-请问下面的jquery代码为何不起作用的相关文章

mysql-求教!下面的MySQL代码怎么改成sqlserver的?拜托拜托!

问题描述 求教!下面的MySQL代码怎么改成sqlserver的?拜托拜托! CREATE TABLE trade ( tradeid int NOT NULL PRIMARY KEY identity(17,1), userid int NOT NULL, tradetime datetime NOT NULL, KEY "user_id_fk" ("userid"), CONSTRAINT "user_id_fk" FOREIGN KEY (

下面的Pascal代码能帮我翻译为c++吗??

问题描述 下面的Pascal代码能帮我翻译为c++吗?? const wq:array[1..4,1..2] of longint=((-1,0),(0,1),(1,0),(0,-1)); var i,j,ans,tot:longint; map:array[0..10,0..10]of longint; s:array[0..999999]of boolean; procedure prin(x,y,dep:longint); var i,x1,y1:longint; begin if dep

烦请大神将下面的js代码改写为php代码(加密用)

问题描述 烦请大神将下面的js代码改写为php代码(加密用) function md5(A) { return hex_md5(A) } function md5js(pass, code, uin) { var I = hexchar2bin(md5(pass)); var H = md5(I + uin); var G = md5(H + code.toUpperCase()); return G } var hexcase = 1; var b64pad = ""; var ch

请问下面的SOAP调用有错吗?

问题描述 请问下面的SOAP调用有错吗? 服务地址例子为:http://172.16.190.102:7021/sgpms-appserver/com.sgcc.pms.appserver.dataaccessservice/services/pmsService?wsdl使用请求响应的接口名为forXBJCService,下面为具体调用的实例: SOAP-ENV:Body <![CDATA[ getAllDeptDatas100 ]]>/m:forZTJCService/SOAP-ENV:B

java 继承 多态-请问下这段代码正确的原因,为什么父类可以调用抽象方法,执行的是子类重写的方法

问题描述 请问下这段代码正确的原因,为什么父类可以调用抽象方法,执行的是子类重写的方法 public class TestA { public static void main(String[] args) { TestA a = new TestA(); a.start(); } public void start(){ B b = new B(); b.funA(); } public abstract class A { public void funA(){ System.out.pri

javascript-麻烦大家帮我看看下面的js代码有什么问题?

问题描述 麻烦大家帮我看看下面的js代码有什么问题? var datas=[]; var datam=[]; for(var i=0;i<dataset.provinces.length;i++) { var name= dataset.provinces[i].name; var value= dataset.provinces[i].value; datas[name]=value; //例如 datas[北京]=14149 alert(datas.length); datam.push(v

javascript-帮我看看下面的ajax代码有什么问题?

问题描述 帮我看看下面的ajax代码有什么问题? $(document).ready(function(){ $.ajax({ type:"post", url:"friendAction!searchUI.action", data:"<%=request.getParameter("userId") %>", async:false, success:function(msg){ alert(msg); } }

下面的MATLAB代码哪里有问题?为何不能正常运行?

问题描述 functiony=F(x,p)x(1)=x,i=1;while(i<=100)if(x(i)>=0&x(i)<p)y(i)=x(i)/p;elseif(x(i)>=p&x(i)<0.5)y(i)=(x(i)-p)/(0.5-p);elseif(x(i)>=0.5&x(i)<1)y(i)=F((1-x(i)),p);endx(i+1)=y(i);i=i+1;endplot(y); 解决方案 解决方案二:p赋值了没解决方案三:p值我

请问下这段代码执行什么功能

问题描述 classBase{protectedintb_data;publicvoidf(intnum1,intnum2){System.out.println(this.b_data+"Base.f()"+num1+""+num2);}publicvoidg(intnum1,intnum2){System.out.println(this.b_data+"Base.g()"+num1+""+num2);}publicBas