css/css JQUERY

最新推荐文章于 2026-06-25 21:45:00 发布

原创最新推荐文章于 2026-06-25 21:45:00 发布 · 415 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#function #xhtml #div #html #jquery

#float

收录于

本文介绍了一个使用jQuery实现的简单示例，当点击不同背景颜色的div元素时，能够获取该元素的背景颜色并显示出来。通过此示例可以学习如何使用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-Type" content="text/html; charset=gb2312" />
<title>css/css</title>
<script src="js/jquery.js"></script>
<script>
$(document).ready(function(){
   $("div").click(function(){
   var color=$(this).css("background-color");
   $("#result").html("this color is "+ color +".");
   })
})
</script>
<style>
div{width:60px; height:60px; margin:5px; float:left;}
</style>
</head>