简体   繁体   English

javascript和jquery事件处理程序

[英]javascript & jquery event handler

**i am trying to put an event handler based on CSS condition and it doesn't work,any help please ** here is my HTML code : **我正在尝试基于CSS条件放置事件处理程序,但它不起作用,请提供任何帮助**这是我的HTML代码:

<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery test</title>
<style>
.x{color:red;}
</style>
</head>
<body>
    <input id="trigger" type="button" value="test"/>
<p class="x" >some text</p>
<p>another text</p>
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/match.js"></script>
</body>
</html>

and here is the jquery code : 这是jQuery代码:

$('#trigger').click(function(){
    if($('p.x').css("color") === "red")
    {
       var text= $('p').text();
       alert(text);
    }
});

Working JSFiddle 工作中的JSFiddle

As adeneo said, 'red' gets converted to RGB. 正如adeneo所说,“红色”将转换为RGB。

Javascript: Javascript:

$('#trigger').click(function(){
    if($('p.x').css("color") == 'rgb(255, 0, 0)'){
        var text= $('p.x').text();
        alert(text);
    }
});

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM