[Функция] css(name)
Раздел "CSS"
Функция возвращает свойство стиля для первого подходящего элемента.
Параметры
css(name)
1.0
name: имя получаемого свойства.
Примеры
Пример:
Получить css свойство background-color для элемента div, по клику.
"jQuery"
$("div").click(function () { var color = $(this).css("background-color"); $("#result").html("That div is <span style='color:" + color + ";'>" + color + "</span>."); });
"HTML"
<span id="result"> </span> <div style="background-color:blue;"></div> <div style="background-color:rgb(15,99,30);"></div> <div style="background-color:#123456;"></div> <div style="background-color:#f11;"></div>
"CSS"
div { width:60px; height:60px; margin:5px; float:left; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("div").click(function () { var color = $(this).css("background-color"); $("#result").html("That div is <span style='color:" + color + ";'>" + color + "</span>."); }); }); </script> </head> <body class="iframe"> <span id="result"> </span> <div style="background-color:blue;"></div> <div style="background-color:rgb(15,99,30);"></div> <div style="background-color:#123456;"></div> <div style="background-color:#f11;"></div> </body> </html> <style> div { width:60px; height:60px; margin:5px; float:left; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21