dkfr.net
当前位置:首页 >> jq 点击切换Div >>

jq 点击切换Div

jQuery中一般有3个关于改变元素class的函数 addClass、removeClass、toggleClass addClass 描述: 为每个匹配的元素添加指定的样式类名 $('div').addClass('className');//为所有div添加名为className的class removeClass 描述: 移除集合中每个匹...

使用jQuery $("#click div").click(function(){ var index=$(this).index(); $("#show div").eq(index).show("slow").siblings().hide("fast"); });

$("#btn").click(function(){ var div = $("#div"); if ( div.css("display") === "none" ) { div.show(); } else { div.hide(); } }

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

(1)$("div li").click(function(){ $("#div").html($(this).html()); }); (2)上述(1)中的div为你当前点击的div,第二个div为你需要填充内容的div的id

1 2 $('.someclass').click(function (){ $('.someclass').hide(); $(this).show(); }); 不知道你是不是要这样

可以使用如下jquery代码实现 $(object).toggle();示例如下: 创建Html代码及css样式 Hi, how are you.div{width:500px;height:50px;border:4px solid #ebcbbe;}span{display:block;margin:20px;}添加jquery代码 $(function(){$("div").click(fun...

$("#btn_img").click(function(){ $(this).toggleClass("img02");});#btn_img{ no-repeat; width:40px; height:40px;}.img01{background:url("img01.jpg");}.img02{background:url("img02.jpg");}

aaaaaaaaaaaaaa jquery: $(function(){ $("#btn_dn").click(function(){ $("#div_dn").toggle() }); });

css:/*原来的背景色*/.bg{background:'red'}/*要切换的背景色*/.bg_click{background:'green'}js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addCl...

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