jquery hasClass、removeClass、addClass方法

hasClass(class)

检查当前的元素是否含有某个特定的类,如果有,则返回true。

参数:

class:用于匹配的类名。

--------------------------------------------------------------------------------------------

removeClass([class])

从所有匹配的元素中删除全部或者指定的类。

参数:

class(可选):一个或多个要删除的CSS类名,请用空格分开。

--------------------------------------------------------------------------------------------

addClass(class)

为每个匹配的元素添加指定的类名。

参数:

class:一个或多个要添加到元素中的CSS类名,请用空格分开。

实例:

<script type="text/javascript" src="jquery.js"></script>
<div id="div_id" class="off">aaaa</div>
<script type="text/javascript">
<!--
if($("#div_id").hasClass("off")){
 $("#div_id").removeClass("off").addClass("on");
}else{
 $("#div_id").removeClass("on").addClass("off");
}

//-->
</script>

时间: 2024-10-19 16:42:25

jquery hasClass、removeClass、addClass方法的相关文章

js----数组处理之splice(有js原始addClass方法哦)

上次写了一个轮播的方法:http://blog.csdn.net/stronglyh/article/details/46833499 因为别人问我的时候,给了我html,于是乎我就看到了页面中引用了jquery,所以就用jquery写了,今天细想了下jquery中有一个addClass方法,不知道传统的js是否可以使用搞定呢. <html> <style> .font_class { color:#FF0000; font-weight:bold; } </style>

jQuery addClass removeClass toggleClass方法概述

通过动态改变类名(class),可以让其修改元素呈现出不同的效果.在HTML结构中里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦.同样的jQuery开发者也考虑到这种情况,增加了一个.addClass()方法,用于动态增加class类名 .addClass( className )方法 .addClass( className ) :

jQuery 属性操作 - addClass() 和 removeClass() 方法

实例 向第一个 p 元素添加一个类: $("button").click(function(){ $("p:first").addClass("intro"); }); 定义和用法 addClass() 方法向被选元素添加一个或多个类. 该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性. 提示:如需添加多个类,请使用空格分隔类名. 语法 $(selector).addClass(class) 参数 描述 class

jQuery学习笔记 .addClass()/.removeClass()简单学习

使用jQuery或javaScript来动态改变页面中某个或部分元素的样式,为了实现这样的功能,我们往往都是使用jQuery或javaScript来控制HTML中DOM的类名(class)从而实现增加或删除某一样式 在jQuery中提供了三种方法来实现这样的效果:.addClass()方法,.removeClass()方法 .addClass()方法 主要用于在jQuery中来添加一个或多个类名来渲染页面 添加多个类名时,他们之间需要用空格隔开 我们还可以使用函数的方法来给指定的元素添加类名:

jQuery的addClass()方法

addClass()方法的定义和用法: 此方法向匹配元素添加一个或多个类. 此方法有多个语法形式. 语法结构一: 为匹配元素添加指定的类名.如果要一次性添加多个类名,它们之间要用空格分隔. $(selector).addClass(class) 参数列表: 参数 描述 class 定义被添加类的名称 实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta na

【技术】点击后变色(jQuery的removeClass和addClass)

实例见锐意先行<手机test>中<手机test5>. 针对a写两段样式: .nav_ul > li > a {    display: block;    background: url('images/down.png') no-repeat scroll right center transparent;    padding: 10px 0px;    border-bottom: 1px solid #E2E2E2;    color: #000;    fon

jquery常用函数与方法汇总

1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队列. duration:延时时间,单位:毫秒 queueName:队列名词,默认是Fx,动画队列. 例: 头部与底部延迟加载动画效果 $(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000).animat

jquery编写插件的方法

版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间 类级别开发插件(用的非常少,1%) 分别举例: //1.直接给jquer添加全局函数 jQuery.myAlert=function (str) { alert(str); }; //2.用extend()方法.extend是jquery提供的一个方

jQuery提供的小方法

jQuery提供的小方法: 1.选择器 + 事件 + 函数 = 复杂的交互 2.循环处理与选择器匹配的各个元素:each() $("#").each(function(){ $(this).unblind('click'); }); 3.隐藏:hide():显示:show(): 4.向上滑动并消失:slideUp():     slideDown(): slideToggle();为动作指示“如果原来朝上,就向下滑动:如果原来朝下,就向上滑动”: 5.淡出:fadeOut():淡入fa

再谈:jquery编写插件的方法

版权声明:作者原创,转载请注明出处! 编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%) 类级别的静态开发就是给jquery添加静态方法,三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间 类级别开发插件(用的非常少,1%) 分别举例: //1.直接给jquer添加全局函数 jQuery.myAlert=function (str) { alert(str); }; //2.用extend()方法.extend是jquery提供的一个方