`

jquery关于class的操作

阅读更多
hasClass() 方法检查被选元素是否包含指定的 class。
addClass()    向匹配的元素添加指定的类名。不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
removeClass() 从所有匹配的元素中删除全部或者指定的类。
toggleClass() 从匹配的元素中添加或删除一个类。如果存在(不存在)就删除(添加)一个类。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $("img").each(function(){    
      $(this).addClass("red blue").removeClass("blue");
 <!--css样式优先级导致addClass后显示blue属性,移除blue属性显示red属性-->
      var mes=$(this).hasClass("blue");
      alert(mes);<!--此时blue被移除返回false-->
  });      
</script>
<style type="text/css">
.red {
    border: 1px solid red;
}
.blue{
    border: 2px dotted blue;
}
</style>
<img src="http://placehold.it/350x100"  />


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("img").each(function(){
  $(this).toggleClass("example"); <!--$(this)得到 jQuery对象-->
  });
});
</script>


http://w3cschool.cn/jquery_ref_attributes.html
分享到:
评论

相关推荐

    jquery点击改变class并toggle

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将详细讲解如何使用jQuery实现点击事件改变元素的class,并结合toggle功能进行动态切换。 首先,...

    jQuery仿Windows系统文件夹目录操作代码.zip

    - **选择器**:jQuery的核心在于其强大的选择器,如`$("#id")`用于选取ID为`id`的元素,`$(".class")`用于选取所有class为`class`的元素。 - **DOM操作**:jQuery提供了简便的方法来添加、删除或修改DOM元素,如`....

    JQuery DoM和ajax 操作

    **jQuery DOM操作** jQuery库是JavaScript的一个强大工具,它极大地简化了对DOM(Document Object Model)的操作。DOM是HTML和XML文档的结构化表示,允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的...

    通过Jquery和yclass获取服务器时间

    JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在获取服务器时间这个场景中,JQuery主要负责发起Ajax请求,这是异步HTTP请求,用于在不刷新整个页面的情况下与服务器交换...

    jquery手册(jquery.cuishifeng.cn网页版)2

    1. **选择器**: jQuery的选择器允许你高效地选取DOM元素,如`$("#id")`选取ID为指定值的元素,`$(".class")`选取所有class为指定值的元素,`$("tag")`选取所有特定类型的元素。 2. **DOM操作**: jQuery提供了简便的...

    jquery表格排序操作

    jQuery提供了丰富的选择器,如`$("#tableId")`用于选取ID为`tableId`的表格,`$(".class")`用于选取所有class为`class`的元素。在本例中,可能是选取整个表格或者需要排序的特定列。 2. **事件绑定**:jQuery的`on...

    Jquery演示 jquerydemo jquery常用

    jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将围绕"jQuery演示"这一主题,深入探讨jQuery的核心知识点,并通过实际案例来帮助你...

    jquery网站功能引导用户提示操作

    本教程将聚焦于如何利用jQuery实现网站功能引导用户提示操作,帮助用户更好地理解和使用网站。 一、jQuery简介 jQuery是由John Resig在2006年创建的一个开源项目,它的核心理念是“Write Less, Do More”。jQuery ...

    jQuery操作checkbox并获取选中值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能...

    jQuery1.12.4+jQuery中文手册.rar

    1. **选择器**:jQuery提供了丰富的CSS选择器,如`$("#id")`用于选取ID为指定值的元素,`$(".class")`用于选取具有特定类的元素,`$("tagname")`则用于选取所有指定标签名的元素。 2. **DOM操作**:`$(selector)....

    jquery-1.12.4-jquery.min.js.zip

    1. **DOM操作**:jQuery 提供了一套丰富的选择器,可以方便地选取DOM元素,如$("#id")用于选取ID为id的元素,$(".class")用于选取所有class为class的元素。此外,它还提供了链式操作,如$("#element").addClass(...

    jquery_web页面操作导向_demo

    1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,用于高效地定位页面上的特定元素。在页面操作导向中,选择器用于找到需要进行导向提示的元素。 2. **...

    jQuery操作手册及源码

    **jQuery 操作手册及源码详解** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了网页中的 DOM 操作、事件处理、动画制作以及Ajax交互。本手册主要针对jQuery 1.10.3版本,这一版本在保持稳定性和兼容性的...

    Jquery下載,Jquery-3.5.1

    jQuery 的设计受到了 .NET Framework 中 LINQ(Language Integrated Query)的影响,允许开发者以链式调用的方式来执行一系列操作。例如: ```javascript $("#element").addClass("highlight").slideUp(500).data(...

    jquery-3.3.1Windows

    jQuery是JavaScript库中的一款经典工具,它极大地简化了JavaScript代码的编写,特别是在处理网页DOM操作、事件处理、动画效果和Ajax交互等方面。标题中的"jquery-3.3.1Windows"指的是jQuery库的3.3.1版本,适用于...

    jqueryApi版本集合

    1. **选择器(Selectors)**:jQuery借鉴了CSS选择器的语法,使得选取DOM元素变得非常直观,如$("#id")用于选取ID为"id"的元素,$(".class")则用于选取所有class为"class"的元素。 2. **链式操作(Chaining)**:...

    关于jquery

    1. **选择器**:jQuery提供了类似于CSS的选择器,使得选取DOM元素变得极其简单,例如`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有类名为"class"的元素。 2. **链式操作**:jQuery对象可以返回自身...

    jQuery v3.7.1.zip

    - **选择器**:jQuery提供了丰富的CSS选择器,如`$("#id")`选取ID为id的元素,`$(".class")`选取所有class为class的元素,使得选取DOM元素变得异常简单。 - **DOM操作**:jQuery封装了各种DOM操作方法,如`append...

    JQuery API 参考文献

    1. **选择器**: jQuery 的核心在于强大的选择器,如 `$("#id")` 用于选取ID为`id`的元素,`$(".class")` 选取所有class为`class`的元素,以及 `$("tag")` 选取所有`tag`类型的元素。 2. **链式操作**: jQuery对象...

    jqueryScript 特效 jqueryScript js

    在网页开发中,jQueryScript是一种基于JavaScript库的特效实现方式,它极大地简化了JavaScript的DOM操作,动画效果以及事件处理等任务,使得开发者能够更高效地创建动态和交互性的网页内容。jQueryScript的核心是...

Global site tag (gtag.js) - Google Analytics