首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
jQuery介绍
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
jQuery 效果- 隐藏和显示
jQuery 效果 - 淡入淡出
jQuery 效果 - 滑动
jQuery 效果- 动画
jQuery 停止动画
jQuery Callback 方法
jQuery - 链式写法
jQuery - 获取内容和属性
jQuery - 设置内容和属性
jQuery - 添加元素
jQuery - 删除元素
jQuery - 获取并设置 CSS 类
jQuery css() 方法
jQuery 遍历
jQuery 遍历 - 祖先
jQuery 遍历 - 后代
jQuery 遍历 - 同胞(siblings)
jQuery 遍历- 过滤
jQuery - AJAX 简介
jQuery - AJAX load() 方法
jQuery - get() 和 post() 方法
jQuery 可用方法大全
jQuery插件
当前位置:
首页>>
技术小册>>
JQuery入门教程
小册名称：JQuery入门教程
通过 jQuery，可以很容易地对 CSS 元素进行操作。 切换 CSS 类 ####jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些： - addClass() - 向被选元素添加一个或多个类 - removeClass() - 从被选元素删除一个或多个类 - toggleClass() - 对被选元素进行添加/删除类的切换操作 - css() - 设置或返回样式属性 实例样式表 下面的样式表将用于本页的所有例子： ```bash .important { font-weight:bold; font-size:xx-large; } .blue { color:blue; } ``` ####jQuery addClass() 方法 下面的例子展示如何向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素： 实例 ```bash $("button").click(function(){ $("h1,h2,p").addClass("blue"); $("div").addClass("important"); }); ``` 您也可以在 addClass() 方法中规定多个类： 实例 ```bash $("button").click(function(){ $("body div:first").addClass("important blue"); }); ``` ####jQuery removeClass() 方法 下面的例子演示如何在不同的元素中删除指定的 class 属性： 实例 ```bash $("button").click(function(){ $("h1,h2,p").removeClass("blue"); }); ``` jQuery toggleClass() 方法 下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作： 实例 ```bash $("button").click(function(){ $("h1,h2,p").toggleClass("blue"); }); ```
上一篇：
jQuery - 删除元素
下一篇：
jQuery css() 方法
该分类下的相关小册推荐：
暂无相关推荐.
