[jquery]判断背景颜色

想把 背景颜色值为红色的 p 选出来,但是怎么改都是不等,代码如下:

<html>
<head>
    <script src="./jquery/jquery-1.11.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                if($("p").css("background-color") == ‘rgb(255,0,0)‘){
                    alert("==");
                } else {
                    alert("!=");
                }
            });
        });

    </script>

</head>
<body>
    <p style="background-color:#ff0000">redredredredredredredredred</p>
    <p style="background-color:green">greengreengreengreengreengreen</p>
    <p style="background-color:#0000ff">blueblueblueblue</p>
    <button>button</button>
</body>
</html>

每次都alert !=

最后经过一番查找,发现系统返回的值为 rgb(255, 0, 0),在逗号的后面有个空格。

于是改成

if($("p").css("background-color") == ‘rgb(255, 0, 0)‘){

之后,就alert == 了

http://www.9lianhuan.cn/2015/07/28/jquery%E5%88%A4%E6%96%AD%E8%83%8C%E6%99%AF%E9%A2%9C%E8%89%B2/

时间: 2024-11-10 21:23:27

[jquery]判断背景颜色的相关文章

jquery改变背景颜色

jquery改变背景颜色<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("button").toggle(function(){    $

jQuery判断背景图片全部加载完成。。

/*var path="http://static.fzbm.com/bmcj/zmjstatic/images/"; var arr=[ //path+'img_01.png', "http://static.fzbm.com/bmcj/zmjpc/images/header_bag.jpg", path+'img_02.png', path+'img_03.png', path+'img_04.png', path+'img_05.png', path+'img

jquery动态改变背景颜色插件

GETHUB下载地址 背景颜色用animate方法时时无法改变颜色的 所以要使用插件进行补充. 用法: <!DOCTYPE html> <html> <head> <style> div { background-color: #bada55; width: 100px; border: 1px solid green; } </style> <script src="http://code.jquery.com/jquery-1

jQuery 判断终端是IOS还是Android / jQuery处理背景图片不能撑满屏幕

判断终端并对相应的终端进行不同处理方法(函数) $("#btn_download").click(function () { var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 $(&

jQuery改变鼠标经过行的背景颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jquery cookie插件轻松实现切换背景颜色

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>更换背景颜色</title> <style type="text/css"> #bg{width: 90%;height: 500px;background: rgba(0,0,0,.2);position: fixed;bottom: 10px;left: 0;r

jquery入门 修改网页背景颜色

我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js">&

雷林鹏分享:jQuery EasyUI 数据网格 - 条件设置行背景颜色

jQuery EasyUI 数据网格 - 条件设置行背景颜色 本教程将向您展示如何根据一些条件改变数据网格(datagrid)组件的行样式.当 listprice 值大于 50 时,我们将为该行设置不同的颜色. 数据网格(datagrid)的 rowStyler 函数的设计目的是允许您自定义行样式.以下代码展示如何改变行样式: url="data/datagrid_data.json" singleSelect="true" fitColumns="tru

VC 对话框背景颜色、控件颜色(三种方法)

系统环境:Windows 7软件环境:Visual C++ 2008 SP1本次目的:为对话框设置背景颜色.控件颜色 既然MFC对话框不好开发,那么现在我们来开始美化我们的对话框.为对话框设置背景颜色.控件颜色等等. 对话框背景颜色: 网上流传有四种方法(可能还不止),在VC++2008SP1测试后,发现只有三种可以使用了,其中第一种被废弃了.以下是四种方法: 方法一 (失效):调用CWinApp类的成员函数SetDialogBkColor来实现.       其中函数的第一个参数指定了背景颜色