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 相关文章推荐
JS实现商品倒计时实现代码
May 03 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
Jun 26 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
基于JavaScript实现简单的随机抽奖小程序
Jan 05 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
JavaScript实现多栏目切换效果
Dec 12 Javascript
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
webpack优化的深入理解
Dec 10 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
Jan 18 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
初窥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中实现记住密码自动登录的代码
2011/03/02 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
jQuery语法高亮插件支持各种程序源代码语法着色加亮
2013/04/27 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
js实现文字滚动效果
2016/03/03 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
HTML的select控件美化
2017/03/27 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
对于防止按钮重复点击的尝试详解
2019/04/22 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
Python入门教程之if语句的用法
2015/05/14 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
Python查找最长不包含重复字符的子字符串算法示例
2019/02/13 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python根据多个文件名批量查找文件
2019/08/13 Python
Tensorflow 多线程设置方式
2020/02/06 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
python判断是空的实例分享
2020/07/06 Python
详解Django中异步任务之django-celery
2020/11/05 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
工作迟到检讨书
2014/02/21 职场文书
绿化工程实施方案
2014/03/17 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
2015年禁毒工作总结
2015/04/30 职场文书
在js中修改html body的样式
2021/11/11 Javascript
Java异常体系非正常停止和分类
2022/06/14 Java/Android