jQuery基础教程02 - 给标签动态添加CSS样式

2009-08-10 09:17:34 | 【

本章节介绍了通过jQuery动态为指定的HTML标签添加预定义样式的方法,主要涉及到ready和jQuery 的CSS操作

查看演示页面 View Demo

在网页<head>区添加以下代码


<script type="text/javascript" src="http://www.sharejs.com/software/jquery/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){

$("#sharejs").addClass("css_a"); 
//$("p").removeClass("test"); 
}); 
</script> 
<style>
.css_a{
color:red;
}
</style>


其中sharejs为要添加样式的HTML标签
$(document)是获取整个网页文档对象,$("p")是获取所有的段落标签

在网页<body>区添加以下代码
<div id="sharejs">$(document)是获取整个网页文档对象,$("p")是获取所有的段落标签,欢迎来到sharejs.com</div> 


此标签的ID定义为sharejs,

下载"jQuery基础教程02 - 给标签动态添加CSS样式"

  • 本地下载
  • 本地下载2

相关资源