jquery怎么动态加style属性

jquery怎么动态加style属性,第1张

使用jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性

语法:

css("propertyname","value")

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color")//获取p元素的背景颜色

$("p").css("background-color","yellow")//设置p元素的背景颜色为黄色

jQuery改变标签的样式一般有3种

预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass

直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法

修改style属性值,通过attr方法

示例(假设以下标签的id都是test):

1.假设有一class名为class1,已经在css中写好样式

$('#test').addClass('class1')

2.让元素文字变为红色(css设置一个值)

$('#test').css('color','red')

3.让元素文字变为红色,同时宽度为100px(css设置多个值)

$('#test').css({color:'red',width:'100px'})

4.直接修改style属性(不常用)

$('#test').attr('style','color:redwidth:100px')

可以。

$('ul.jPag-pages').removeAttr('style')

有时候因为JS生成html需要一点时间被浏览器加载,上面这段代码可能会出错,可以这样写。(加个延时函数)

setTimeout(function(){

    $('ul.jPag-pages').removeAttr('style')

},200)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/6050982.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-13
下一篇 2023-03-13

发表评论

登录后才能评论

评论列表(0条)

保存