jQuery添加/改变/移除CSS类

转自：http://www.jbxue.com/article/24589.html

在jquery中用到removeClass移除CSS类、addClass添加CSS类、toggleClass添加或者移除CSS类，hasClass判断是否已经存在CSS。
改变页面元素样式使用Javascript也可实现，但有没有更简洁的办法，答案是肯定的，现在有了jQuery，似乎让Js代码瘦身了不少，应验了那句话：“jQuery让JavaScript代码变得简洁！”，言归正传，来看jquery如何添加、移除CSS类：

1. removeClass() - 移除CSS类
$("#target").removeClass("oldClass");
//#target 指的是需要移除CSS类的元素的ID
//oldClass 指的是CSS类的名称

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

3. toggleClass() - 添加或者移除CSS类：如果CSS类已经存在，它将被移除；相反，如果CSS类不存在，它将被加上。
$("#target").toggleClass("newClass") www.jbxue.com
//如果ID为“target”的元素已经定义了CSS样式，它将被移除；
//反之，CSS类“newClass”将被赋给该ID

4.hasClass("className") - 判断是否已经存在CSS
在实际运用中，我们通常是先定义好这些CSS类，然后通过Javascript事件触发（比如点击某个按钮）来改变页面元素样式。此外，jQuery还提供一种方法 hasClass("className")，用来判断某个元素是否已经被赋予某个CSS类。顺便告诉前端开发的新手，jquery是值得拥有的，有空了好好研究吧。

jQuery添加/改变/移除CSS类相关推荐

php+jq+添加css,jQuery添加/改变/移除CSS类
转自:http://www.jbxue.com/article/24589.html 在jquery中用到removeClass移除CSS类.addClass添加CSS类.toggleClass添加或 ...
JS/jQuery添加和移除CSS样式
有时候需要添加CSS样式和移除CSS样式,如添加display属性,设为隐藏.有时候需要移除display属性. 一.jQuery移除CSS样式的两种方法注意:当其中一种不支持时,就尝试另一种: $ ...
JQuery添加或移除CSS样式页签
addClass() 方法向被选元素添加一个或多个样式. $("选择器").addClass("class1 class2 ... classN") remov ...
jQuery中添加/改变/移除改变CSS样式例子
在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css ...
js活jQuery实现动态添加、移除css/js文件
下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...
Jquery添加与移除元素
显示隐藏 siblings() addclass() 给元素添加class,如果元素上已经有其他的classname,那么新的会追加到现有classname后面用法:$("li" ...
jQuery 添加和移除元素
示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
html.dropdownlist 样式,使用@ Html.DropDownList（）添加要选择的css类
10 个答案: 答案 0 :(得分:96) 看着控制器,并且更多地了解MVC实际上是如何工作的,我能够理解这一点. 我的观点是自动生成的观点之一,并包含以下代码行: @Html.DropDownLis ...
JQ添加移除css样式
1. addClass() - 添加CSS类 $("#target").addClass("newClass"); //#target 指的是需要添加样式的元素 ...

jQuery添加/改变/移除CSS类

jQuery添加/改变/移除CSS类相关推荐

最新文章

热门文章