加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery基本 - 添加/移除CSS类

发布时间:2018-08-13 13:55:33 所属栏目:业界 来源:站长网
导读:在网页计划中,我们经常要行使 Java script来改变页面元素的样式。个中一种步伐是改变页面元素的CSS类(Class),这在传统的Javascript里,我们凡是是通过处理赏罚HTML Dom的classname特征来实现的;而 jQuery 里提供三种要领来实现这个成果,固然它们和传统要领

在网页计划中,我们经常要行使Javascript来改变页面元素的样式。个中一种步伐是改变页面元素的CSS类(Class),这在传统的Javascript里,我们凡是是通过处理赏罚HTML Dom的classname特征来实现的;而jQuery里提供三种要领来实现这个成果,固然它们和传统要领的头脑相通,可是却节减了很多代码。照旧那句话 - “jQuery让JavaScript代码变得简捷!”

1. addClass() - 添加CSS类

$("#target").addClass("newClass");
//#target 指的是必要添加样式的元素的ID
//newClass 指的是CSS类的名称2. removeClass() - 移除CSS类

$("#target").removeClass("oldClass");
//#target 指的是必要移除CSS类的元素的ID
//oldClass 指的是CSS类的名称3. toggleClass() - 添加可能移除CSS类:假如CSS类已经存在,它将被移除;相反,假如CSS类不存在,它将被加上。

$("#target").toggleClass("newClass")
//假如ID为“target”的元素已经界说了CSS样式,它将被移除;
//反之,CSS类”newClass“将被赋给该ID。

4.hasClass("className") - 判定是否已经存在CSS

在现实运用中,我们经常先界说好这些CSS类,然后通过Javascript变乱触发(好比点击某个链接)来改变页面元素样式。另外,jQuery还提供一种要领 hasClass("className"),用来判定某个元素是否已经被赋予某个CSS类。

来自:http://www.cnblogs.com/Capricornus/

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读