sphm.net
当前位置:首页 >> jquEry中的这段代码没有效果,点击按钮图片应该消失 >>

jquEry中的这段代码没有效果,点击按钮图片应该消失

你把jQuery的写法和js的写法弄混了吧。jQuery的写法应该是: $(function(){ $("#btn").click(function(){ $("#box").css({"display":"none"}); //$("#box").animate({"height":"300px"}); }) });

举个例子:假设你已经引入了jquery,而html结构如下: 那么你的js可以这么写: $("#swphoto").click(function(){ $("#swphoto>img").toggle();});

使用js定时器setTimeout()方法,定时三秒将要修改的图片的display设为none. setTimeout(function(){//定时器 $("img").css("display","none");//将图片的display属性设置为none},3000);//设置三千毫秒即3秒

RunJS 演示代码div {width: 50px;height: 50px;background-color: green;float:left;text-align:center;line-height:50px;margin-right:10px;cursor:pointer;}jQuery(function($){$("div:first").click(function(){var me = $(this);me.nextAll...

看你的代码,应该没问题啊,请检查你的jquery是否引入的正常。另外可以试试以下jquery代码 $("div").fadeTo('fast',0.5);$("div").mouseenter(function(){ $(this).fadeTo('fast',1);}).mouseleave(function(){ $(this).fadeTo('fast',0.5);})

html: css: #box{position:relative; width:200px; height:100px;} .pic{position:absolute; top:0; left:0; width:200px; height:100px; z-index:99; display:none;} Jquery: $(window).ready(function(){ $("#box .pic").eq(0).show(); var...

个人推荐还是用别人的插件吧。自己写的代码很多,而且不成熟,真正放项目里面可能会出现BUG 去百度arale,进官网,找switchable

id有重复,把id="howBuy"换成name="howBut",然后 $( $("button[name='howBuy']").click(function(){ if($(this).text() == "立即购买"){ // TODO ... } }););不行就 $( $("button[name='howBuy']").unbind().bind(click,function(){ if($(this)...

$(".ff").each(function() { $(this).dblclick(function(e) { alert($(this).attr("id")) });});这样写试试

$.ajax({ url:"", type:"post", data:{"xx":"xx"}, beforeSend:function(){ //这里是开始执行方法,显示效果,效果自己写 }, complete:function(){ //方法执行完毕,效果自己可以关闭,或者隐藏效果 }, success:function(){ //数据加载成功 }, e...

网站首页 | 网站地图
All rights reserved Powered by www.sphm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com