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

jq 点击切换Div

建议楼主系统学习下.我只给你一个简单的JS ,直接在HTML标签里面事件执行的代码 function over(obj){ for(i=0;i

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

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

有几种实现方式,首先jQuary是最简单的 $(document).ready(function(){ $(选择器).onclick(function(){ $(目标div).html("写入内容"); //可以用请求加载内容 $(目标div).load("请求url",function(){ //写入回调函数 }); });}但是如果只是切换图...

jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码: 切换显示我是目标元素$(document).ready(function(){ $("button").click(function(){ $("#test").toggle(); });});

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

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

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

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

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

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