js $ 获取和设置 css样式中的属性值

今天做练习的时候,需要用 $获取到 style 样式中的值, 

自己用的 attr 结果浪费一个小时没弄明白。这里做个记录,方便以后查阅

 

获取 css样式中的属性值 用 .css 方法

 1     <div class="ringtcon_body">
 2         <div class="ringtcon_body_header red left_padding">
 3 # 充值按钮
 4             <a href="#" id="recharge_btn"  >
 5             <i class="fa fa-caret-down xiajiantou fa-lg"></i>
 6                 用户充值</a>
 7 # 充值 记录 按钮
 8              <a href="#" class="left_padding" id="rechargelist_btn" >
 9                 <i class="fa fa-caret-down  xiajiantou fa-lg"></i>
10                 充值记录</a>
11 
12         </div>

 

 

 

 

  用 $ 获取 按钮属性的方法

    $('#recharge_btn').click(function () {
        alert($('#recharge_btn').css('background-color'));
        alert('a')
    })

用 $ 设置按钮属性的方法: 在.css('background-color')  括号里面跟上要设置的值、

1 1  $('#recharge_btn').click(function () {
2 2         alert($('#recharge_btn').css('background-color''black'));
3 3         alert('a')
4 4     })

暂时还没找到删除 css属性的方法 ,以后补充

 

posted on 2018-02-05 12:35  jiayou888888  阅读(425)  评论(0编辑  收藏  举报

导航