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 相关文章推荐
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 Javascript
jQuery 全选效果实现代码
Mar 23 Javascript
js Dialog 去掉右上角的X关闭功能
Apr 23 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
深入剖析JavaScript:Object类型
May 10 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
JavaScript实现简单轮播图效果
Dec 01 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
js实现GIF图片的分解和合成
Oct 24 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 magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
验证坐标在某坐标区域内php代码
2016/10/08 PHP
javascript的onchange事件与jQuery的change()方法比较
2009/09/28 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
js实现checkbox全选、不选与反选的方法
2015/02/09 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
JavaScript代码生成PDF文件的方法
2016/02/26 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
使用PYTHON创建XML文档
2012/03/01 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
Django学习笔记之为Model添加Action
2019/04/30 Python
如何获取Python简单for循环索引
2019/11/21 Python
python中p-value的实现方式
2019/12/16 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
python利用faker库批量生成测试数据
2020/10/15 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
英国著名药妆店:Superdrug
2021/02/13 全球购物
历史专业个人求职信范文
2013/12/07 职场文书
信访稳定工作汇报
2014/10/27 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
Java 关于String字符串原理上的问题
2022/04/07 Java/Android