jQuery支持方法用来操作HTML元素的CSS 属性
下面的方法为jQuery 提供的CSS操作方法:
addClass() – 为指定的元素添加一个或多个CSS类。
removeClass() – 为指定的元素删除 一个或多个CSS类。
toggleClass() – 为指定的元素在添加/删除CSS类之间切换。
css() -设置 或是取得CSS类型属性。
下面的StyleSheet为后面例子使用的CSS风格:
.important { font-weight:bold; font-size:xx-large; } .blue { color:blue; }
jQuery addClass示例
下面的例子为给定的元素添加CSS风格类
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js"></script> <script> $(document).ready(function () { $("button").click(function () { $("h1,h2,p").addClass("blue"); $("center").addClass("important"); }); }); </script> <style type="text/css"> .important { font-weight: bold; font-size: xx-large; } .blue { color: blue; } </style> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <center>This is some important text!</center> <br> <button>Add classes to elements</button> </body> </html>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, css 程序入门
, css
, 方法
, 元素
, addClass
, font-size
添加CSS类
jquery 取得class、jquery 取得classname、jquery css class、jquery css addclass、jquery css classname,以便于您获取更多的相关知识。