jQuery 操作 CSS
addClass() - 向被选元素添加一个或多个CSS •
removeClass() - 从被选元素删除一个或多个CSS •
toggleClass() - 对被选元素进行添加/删除CSS的切换操作
css() - 设置或返回样式属性 •
jQuery 拥有若干进行 CSS 操作的方法。我们将通过下面的例子进行学习部分操作：
<html>
<head>
<script type="text/javascript"
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script>
$(document).ready(function(){
$("#allCssForEachElement").click(function(){
$("#import").addClass("important");
$("#blue").addClass("blue");
});
$("#allMultiCssForOneElement").click(function(){
$("#import").addClass("important blue");
});
$("#RemoveCssForOneElement").click(function(){
$("#import").removeClass("blue");
});
$("#ToggleCssForOneElement").click(function(){
$("#import").toggleClass("blue");
});
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<p id="import">Important Text for operator CSS</p>
<p id="blue">Blue Text for operator CSS</p>
<br>
<button id="allCssForEachElement">allCssForEachElement</button>
<button id="allMultiCssForOneElement">allMultiCssIntoImport</button>
<button id="RemoveCssForOneElement">RemoveBlueCssFromImport</button>
<button id="ToggleCssForOneElement">ToggleBlueCssFromImport</button>
</body>
</html>
css()
jQuery css() 方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值，请使用如下语法：
css("propertyname");
设置 CSS 属性
如需设置指定的 CSS 属性，请使用如下语法：
css("propertyname","value");
设置多个 CSS 属性
如需设置多个 CSS 属性，请使用如下语法：
css({"propertyname":"value","propertyname":"value",...});
分享到：
相关推荐
jQuery 初级教程——七天入门指南中文版， pdf高清淅版，翻译加实例，学习jQuery的第一手资料，jQuery的起点教程，书中的内容涉及以实例为基础一步步说明了jQuery的工作方式，其实最核心的就是对jQuery库的说明，...
jQuery入门指南教程 这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括...
《jQuery JavaScript与CSS开发入门经典》还介绍jQuery UI库的用法，指导您使用jQuery UI库创建赏心悦目的专业用户界面。书中包含极富启迪意义的指南和紧贴实际的练习，以引导读者在实际中得心应手地使用jQuery。
这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以...
这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以...
书名：jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强） 作者：陶国荣 著 书号：978-7-111-32543-7 定价：59.00元 出版社：机械工业出版社华章公司 出版时间：2011年1月 编辑推荐：...
这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以...
这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以...
jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery的简单应用/7 ...
jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery的简单...
jQuery指南 Linq (2) Linq Linux命令大全 linux自学教材 mysql5.1 NET Framework 4.0 常用类库参考手册(节选).NET Framework 4.0 常用类库参考手册(节选) NHibernate文档 php (2) php php5 PHP5面向对象编程 phplib ...
HTML+CSS+JS 的cdm ; jQuery-1.6-api; AJAX In Action; DIV + CSS 布局大全 JSon 入门指南；
jQuery入门指南教程 这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括...
这是一个针对jQuery新手写的入门指南，主要是对jQuery库的说明，阅读之前你最好了解HTML(DOM)和CSS的一些知识。它的内容包括选择器和事件基储AJAX、FX的用法，以及如何制作jQuery插件。书中包括了很多代码，你可以试...
jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z 24H内删除，作者写书非常不容易，如觉得好，请购买纸质书籍，易读易懂！藏书不如读书，读书请买好书，这是好书。 第1章 jquery mobile简介 1.1 通用访问 ...
这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。 这个指南包括了很多代码，你可以...