jQuery学习教程十五: jQuery
来源:互联网 发布:淘宝企业店如何避税 编辑:程序博客网 时间:2024/06/06 02:43
通过 jQuery,可以很容易地对 CSS 元素进行操作。
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:
- addClass() - 向被选元素添加一个或多个类
- removeClass() - 从被选元素删除一个或多个类
- toggleClass() - 对被选元素进行添加/删除类的切换操作
- css() - 设置或返回样式属性
实例样式表
下面的样式表将用于本页的所有例子:
.important{font-weight:bold;font-size:xx-large;}.blue{color:blue;}
jQuery addClass() 方法
下面的例子展示如何向不同的元素添加 class 属性。当然,在添加类时,您也可以选取多个元素:
实例
<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); });});</script><style type="text/css">.important{font-weight:bold;font-size:xx-large;}.blue{color:blue;}</style></head><body><h1>标题 1</h1><h2>标题 2</h2><p>这是一个段落。</p><p>这是另一个段落。</p><div>这是非常重要的文本!</div><br><button>向元素添加类</button></body></html>
您也可以在 addClass() 方法中规定多个类:
实例
$("button").click(function(){ $("#div1").addClass("important blue");});
jQuery removeClass() 方法
下面的例子演示如何不同的元素中删除指定的 class 属性:
实例
$("button").click(function(){ $("h1,h2,p").removeClass("blue");});
jQuery toggleClass() 方法
下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:
实例
$("button").click(function(){ $("h1,h2,p").toggleClass("blue");});
jQuery CSS 操作函数
下面列出的这些方法设置或返回元素的 CSS 相关属性。
0 0
- jQuery学习教程十五: jQuery
- jQuery学习教程二十五: jQuery
- jQuery学习 一 jQuery 教程
- jQuery学习教程十: jQuery
- jQuery学习教程十一: jQuery
- jQuery学习教程十二: jQuery
- jQuery学习教程十三: jQuery
- jQuery学习教程十四: jQuery
- jQuery学习教程十六: jQuery
- jQuery学习教程十七: jQuery
- jQuery学习笔记之十五-------插件
- 怎样学习jQuery,jQuery学习教程
- jQuery学习教程一: jQuery语法实例
- jQuery学习教程二:jQuery选择器
- jQuery学习教程三:jQuery 事件
- jQuery学习教程四:jQuery 效果
- jQuery学习教程五:jQuery 效果
- jQuery学习教程六: jQuery 效果
- Redis在windows下安装过程
- tf.truncated_normal与tf.random_normal
- Android NDK(六):JNI局部引用和全局引用
- 简单方法保持屏幕常亮
- L1-015. 跟奥巴马一起画方块
- jQuery学习教程十五: jQuery
- NumPy基础 -- 1. ndarray (多维数组对象)
- cropper头像上传
- 字符排序
- 日期控件datepicker的日期剔除解决方法
- 折腾了半天就是为了发这个
- spring admin ui,集成
- 解读大型网站系统架构的演化
- springmvc mybatis,传入mapper中查询数据库,参数变问号,无效的参数