在网页计划中,我们经常要行使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/ (编辑:湖南网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|