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加ASP二级域名转向的代码
May 17 Javascript
javascript中万恶的function实例分析
May 25 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
javascript的BOM
May 03 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 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调用Oracle存储过程
2006/10/09 PHP
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
php注册和登录界面的实现案例(推荐)
2016/10/24 PHP
php中引用&amp;的用法分析【变量引用,函数引用,对象引用】
2016/12/12 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
jQuery 获取URL的GET参数值的小例子
2013/04/18 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
3个可以改善用户体验的AngularJS指令介绍
2015/06/18 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
python学习之hook钩子的原理和使用
2018/10/25 Python
python实现二维数组的对角线遍历
2019/03/02 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Python中super函数用法实例分析
2019/03/18 Python
python 自定义装饰器实例详解
2019/07/20 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
详解Python IO编程
2020/07/24 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
小学生新学期寄语
2014/01/19 职场文书
家长通知书家长评语
2014/04/17 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
十七岁的单车观后感
2015/06/12 职场文书
Java的Object类的九种方法
2022/04/13 Java/Android