jquery 学习之二 属性(类)


Posted in Javascript onNovember 25, 2010

addClass(class)

为每个匹配的元素添加指定的类名。
Adds the specified class(es) to each of the set of matched elements.

返回值

jQuery

参数

class (String) : 一个或多个要添加到元素中的CSS类名,请用空格分开

示例

为匹配的元素加上 'selected' 类

HTML 代码:

<p>Hello</p>

jQuery 代码:

$("p").addClass("selected");

结果:

[ <p class="selected">Hello</p> ]

为匹配的元素加上 selected highlight 类

HTML 代码:

<p>Hello</p>

jQuery 代码:

$("p").addClass("selected highlight");

结果:

[ <p class="selected highlight">Hello</p> ]
------------------------------------------------------------------------------------------------------------------------------

removeClass(class)

从所有匹配的元素中删除全部或者指定的类。
Removes all or the specified class(es) from the set of matched elements.

返回值

jQuery

参数

class (String) : (可选) 一个或多个要删除的CSS类名,请用空格分开

示例

从匹配的元素中删除 'selected' 类

HTML 代码:

<p class="selected first">Hello</p>

jQuery 代码:

$("p").removeClass("selected");

结果:

[ <p>Hello</p> ]

删除匹配元素的所有类

HTML 代码:

<p class="selected first">Hello</p>

jQuery 代码:

$("p").removeClass();

结果:

[ <p>Hello</p> ]
------------------------------------------------------------------------------------------------------------------------------

toggleClass(class)

如果存在(不存在)就删除(添加)一个类。
Adds the specified class if it is not present, removes the specified class if it is present.

返回值

jQuery

参数

class (String) :CSS类名

示例

为匹配的元素切换 'selected' 类

HTML 代码:

<p>Hello</p><p class="selected">Hello Again</p>

jQuery 代码:

$("p").toggleClass("selected");

结果:

[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
 
Javascript 相关文章推荐
jquery.validate分组验证代码
Mar 17 Javascript
ExtJS4中的requires使用方法示例介绍
Dec 03 Javascript
jQuery取id有.的值的方法
May 21 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
js中split和replace的用法实例
Feb 28 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
Nov 27 Javascript
详解vue-router传参的两种方式
Sep 10 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
8个有意思的JavaScript面试题
Jul 30 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
javascript实现拼图游戏
Jan 29 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 #Javascript
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 #Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 #Javascript
学习并汇集javascript匿名函数
Nov 25 #Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 #Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 #Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 #Javascript
You might like
php简单分页类实现方法
2015/02/26 PHP
详解PHP对象的串行化与反串行化
2016/01/24 PHP
深入解析PHP的Laravel框架中的event事件操作
2016/03/21 PHP
laravel实现登录时监听事件,添加登录用户的记录方法
2019/09/30 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
Vue组件化开发思考
2018/02/02 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
微信小程序常见页面跳转操作简单示例
2019/05/01 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
Python面向对象之类和对象实例详解
2018/12/10 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
Python3 操作 MySQL 插入一条数据并返回主键 id的实例
2020/03/02 Python
django 多数据库及分库实现方式
2020/04/01 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
工作表扬信的范文
2014/01/10 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
谢师宴家长答谢词
2015/09/30 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL
Node实现搜索框进行模糊查询
2021/06/28 Javascript
开发者首先否认《遗弃》被取消的传言
2022/04/11 其他游戏