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

jq 点击切换Div

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

(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(); }); 不知道你是不是要这样

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

$("div#button1").click(function(){ var obj = $(this); obj.find("img").attr('src','.......');});

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

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

$(function(){ GoSwitch = function(a){ $(".layout").removeClass("check"); $("#"+this.rel).addClass("check"); };});js: div.layout { z-index:0;position:position; }.check { z-index:1 }css: 点我 flash或者随便放啥 点我 flash或者随便...

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

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效果。

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