jquery设置元素的类样式
设置元素样式的方法
1.通过设置标签的class属性,来指定要应用的类样式规则
2.直接设置标签的style属性,来对当前元素进行样式重置
1.应用类样式:addClass()
$('#pic').addClass('circle')
$('#pic').addClass('circle shadow')2.移除类样式:removeClass()
$('#pic').removeClass('circle')
$('#pic').removeClass('shadow')
$('#pic').removeClass('circle shadow')3.样式自动切换:toogleClass()
如果当前元素没有添加类样式,那么自动添加上它指定的类样式
WaStar 网上花店系统
下载
系统特点： 商品多级分类检索、搜索，支持同一商品多重分类，自由设置显示式样 自由设置会员类型，自由设置权限项目，自由分配每种会员类型和每个会员的权限 灵活的商品定价，最多12级价格自由分配给各种会员类型或会员，也可针对单会员单商品特殊定价 强大的会员管理、帐户管理、订单管理功能和一系列帐务查询统计功能 灵活的会员积分系统，自由设置每个积分事件的积分计算方法 灵活的网站内容发布、管理系统，每个栏目可
$('#pic').toggleClass('circle shadow')如果当前元素已经被添加上类样式,那么它就会移除掉这个类样式
先给元素添加上类样式
$('#pic').addClass('circle')
$('#pic').addClass('circle shadow')现在执行的就是移除操作
$('#pic').toggleClass('circle shadow')4.查询类样式: hasClass()
var res = $('#pic').hasClass('circle shadow') //false
$('#pic').addClass('circle shadow')
var res = $('#pic').hasClass('circle shadow') //true
if ($('#pic').hasClass('circle shadow')) {
$('#pic').removeClass('circle shadow')
} else {
$('#pic').addClass('circle shadow')
}//控制台查看结果
console.log(res)
