toggleclass方法(Toggleclass)
如何用jquery实现点击div更换class？
jQuery中使用attr('属性名')可以返回属性的值。
语法：$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值；
例如：
$(selector).attr('id'); ?// 获取选择器的id
$(selector).attr('class'); // 获取选择器的class类名
实例：
1. 用jQuery获取div的class类名：
1234div?class="mystyle"我是div/divscript????$('div').attr('class');?//?得到“mystyle”/script
2. 用jQuery获取当前点击的button的id：
123456button?id="btn"?onclick="BtnClick(this)"按钮/buttonscript????function?BtnClick(obj){????????$(obj).attr('id');?//?得到“btn”????}/script
可以采用如下思路：分别将两种背景图片设为两个类，然后使用toggleClass()方法切换类：
$(selector).toggleClass('class_a').toggleClass('class_
创建Html代码：一个简单的div用于显示背景图片
div?class="test"/div
设置css样式：分别为两个背景设计一个类
div.test{width:264px;height:152px;margin:50px;border:4px?dashed?#ccc;}
.bg1{background:url('bg1.png');}
.bg2{background:url('bg2.png');}
编写jquery代码：点击切换类实现背景的变换
$(function(){
$("div.test").addClass('bg1');?//?初始化时添加背景1
$("div.test").click(function()?{
$(this).toggleClass('bg1').toggleClass('bg2')
JQuery切换样式
这个用jQuery实现一般是添加一个类和删除一个类。
首先要有一个写好的class样式类。通过下面这个代码实现：
var obj2 = $("div"); // 改变样式的对象
obj2.addClass("className"); // 添加样式，className为已经存在一个class名字
obj2.removeClass("className"); // 删除样式
切换样式
JQuery中有一个方法toggle()，JQuery代码如下：
1 toggleBtn.toggle(function(){
2 //元素显示 代码③
3 }, function(){
4 //元素隐藏 代码④
5 })
toggle()方法此处的作用是交替执行代码③和代码④两个函数，如果元素原来是显示的，则隐藏它：如果元素原来是隐藏的，则显示它。此时，toggle()方法主要是控制行为上的重复切换。
另外JQuery还提供了一个toggleClass()方法控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。例如对p元素进行toggleClass()方法操作。
1 $("p").toggleClass("another"); //重复切换类名“another”
当不断单击“切换样式”按钮时，p元素的class的值就会在“myClass”和“myClass another”之间重复切换。
关于jQuery 的toggleClass方法的疑问
可以，你需要先removeClass()函数把你不需要的两个类删掉
然后在用addclass()把两个新类加上
$(".XXX").toggleClass(function(){
代码写到这里
},function(){
代码写到这里
})
jquery 2.1.3 toggleclass 怎么用
toggleClass就是removeClass()和addClass()的合体版，大体意思可以用下面代码
toggleClass=function(obj){
if(obj.hasClass("test"))
{
obj.removeClass("test");
}else{
obj.addClass("test");
}
}
toggleClass() 与addClasss()的区别
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。
理同 JQ 效果 ：toggle() 。 是一种开关的原理，
addClasss() 添加类，在原有的基础上追加。 没有什么特别的。
