Rumah >hujung hadapan web >tutorial js >jquery设置元素的类样式
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()
如果当前元素没有添加类样式,那么自动添加上它指定的类样式
$('#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)
Atas ialah kandungan terperinci jquery设置元素的类样式. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!