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

jq 点击切换Div

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

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() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

自己修改 jQuery 路径 $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); });}); 展开隐藏内容隐藏内容

RunJS 演示代码.clickme {border:1px solid black;}jQuery(function($){$(".clickme").click(function() {$(this).next(".displayclick").toggle();});$(document).click(function(e){if(e.target.className!='clickme'){$(".displayclick").hi...

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

试试 jquery的 toggle方法 或许对你有用 再附上例子吧,例子中的 jQuery库 你下载一下 引入文件就能看到效果: $(document).ready(function(){ $(".btn1").click(function(){ $("div").toggle(); });});ToggleThis is a paragraph.

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

$("button").click(function(e){ $("div").toggle(); //意思是显示隐藏的切换 })

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