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中的稀疏数组与密集数组[译]
Sep 17 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
利用进制转换压缩数字函数分享
Jan 02 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
Aug 31 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 Javascript
基于axios 的responseType类型的设置方法
Oct 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过滤表单提交的html等危险代码
2014/11/03 PHP
php计算一个文件大小的方法
2015/03/30 PHP
Yii2框架实现数据库常用操作总结
2017/02/08 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
PJBlog插件 防刷新的在线播放器
2006/10/25 Javascript
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
2007/04/20 Javascript
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
Django stark组件使用及原理详解
2019/08/22 Python
python绘制高斯曲线
2021/02/19 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
施工人员岗位职责
2013/12/12 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
开展创先争优活动总结
2014/08/28 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript