【问题标题】:How to get background color of div?如何获取div的背景颜色?
【发布时间】:2011-05-17 01:01:52
【问题描述】:

我有一个div 我希望当用户点击这个 div 时,div 的背景颜色应该只使用 jquery 显示在警报框中?

【问题讨论】:

  • “仅限jQuery”是什么意思?
  • @SLaks 没有 JavaScript。只是 jQuery :P
  • @alex:你……知道 jQuery 是 JavaScript,对吧?
  • 现在你应该接受某人的答案,因为这些答案是正确的。
  • @Chris Reference:D

标签: jquery css html


【解决方案1】:

试试这个

<script type="text/javascript">
$(document).ready(function(){
  $("div").click(function(){
    var $c=$(this).css("background-color");
    alert($c);
  });
});
</script>

【讨论】:

  • 不,我的意思是,为什么使用$ 作为变量名?我认为这可能会令人困惑。
  • @Renesis:我为 jquery-objects 指定了$,以帮助轻松确定 jquery 对象的位置和不在的位置。但不是在这种情况下(当我们只有一个字符串时)。
【解决方案2】:
$('div').click(function() {
   alert($(this).css('background-color'));
});

jsFiddle.

【讨论】:

    【解决方案3】:

    你可以得到这样的颜色:

    $('div#test').css('background-color'); // returns RGB
    

    点击后显示如下:

    $('div#test').click(function(){
        alert($(this).css('background-color'));
    });
    

    见小提琴:http://jsfiddle.net/xWkDW/1/

    【讨论】:

      【解决方案4】:
      #divBack{
        background-color:#00FFCC;
      }
      <div id="divBack">click to Get my background</div>
      $('#divBack').click(function() {
          alert($(this).css('background-color'));
      });
      

      我已为您创建了 bin,请查看此链接 http://codebins.com/codes/home/4ldqpc1

      【讨论】:

        猜你喜欢
        • 2018-05-04
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-08-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-08-12
        相关资源
        最近更新 更多