jQuery中使用attr('属性名')可以返回属性的值。
语法:$(selector).attr([attribute]); // 返回attr中指定的当前选择器的属性值;
例如:
$(selector).attr('id'); // 获取选择器的id
$(selector).attr('class'); // 获取选择器的class类名
实例:
1. 用jQuery获取div的class类名:
1234
2. 用jQuery获取当前点击的button的id:
123456
可以采用如下思路:分别将两种背景图片设为两个类,然后使用toggleClass()方法切换类:
$(selector).toggleClass('class_a').toggleClass('class_
创建Html代码:一个简单的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')
假设有div元素