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

jq 点击切换Div

使用jQuery的text()方法即可实现。 案例: 效果:

jQuery中使用attr('属性名')可以返回属性的值。 语法:$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值; 例如: $(selector).attr('id'); // 获取选择器的id $(selector).attr('class'); // 获取选择器的class类名 实例...

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

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...

document.getElementById("outside_show").style.backgroundColor = "";$("#outside_show").css("background-color", "");清空背景颜色不能用none的。直接把css设置为空就可以了。

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

$("#btnid").click(function(){ if($(this).val()=='显示') { $(this).val('隐藏'); $('#menuid').show(); } else { $(this).val('显示'); $('#menuid').hide(); } });

你好!! $(".sp_xz ul li").click(function (i) { $(this).siblings().css("background","").end() .css("background","'url(images/sp_xz.png)'");});

0 1 2 3 $(function(){ $('li').click(function(){ var liId = $(this).find('input').attr('id'); $('#'+ liId +'s').show().siblings('div').hide(); }); }) 补充说明: 请修改Jquery库路径后查看,代码支持N个li和div效果。

可以使用如下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...

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