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 相关文章推荐
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
Aug 15 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
layui导航栏实现代码
May 19 Javascript
详解vue.js的devtools安装
May 26 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
详解plotly.js 绘图库入门使用教程
Feb 23 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
初窥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过滤XSS攻击的函数
2013/11/12 PHP
php实现四舍五入的方法小结
2015/03/03 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
php入门教程之Zend Studio设置与开发实例
2016/09/09 PHP
Yii2 批量插入、更新数据实例
2017/03/15 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
AutoSave/自动存储功能实现
2007/03/24 Javascript
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
基于jquery的点击链接插入链接内容的代码
2012/07/31 Javascript
jQuery实现多按钮单击变色
2014/11/27 Javascript
js打造数组转json函数
2015/01/14 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
Python pass 语句使用示例
2014/03/11 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
python将文本中的空格替换为换行的方法
2018/03/19 Python
Python 从一个文件中调用另一个文件的类方法
2019/01/10 Python
Python制作动态字符图的实例
2019/01/27 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
python dict乱码如何解决
2020/06/07 Python
python实现画图工具
2020/08/27 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
使用Python爬取小姐姐图片(beautifulsoup法)
2021/02/11 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
篮球比赛拉拉队口号
2014/06/10 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
php去除deprecated的实例方法
2021/11/17 PHP