使用jquery判断一个元素是否含有一个指定的类(class)实例
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。
2 种方法如下:
1. is(‘.classname')
2. hasClass(‘classname')
以下是一个div元素是否包含一个redColor的例子:
1. 使用is(‘.classname')的方法
$('div').is('.redColor')
2. 使用hasClass(‘classname')的方法(注意jquery的低版本可能是hasClass(‘.classname'))
$('div').hasClass('redColor')以下是检测一个元素是否含有一个redColor类的例子,含有时,则把其类变为blueColor。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .redColor { background:red; } .blueColor { background:blue; } </style> <script type="text/javascript"src="jquery-1.8.1.min.js"></script> </head> <body> <h1>jQuery check if an element has a certain class</h1> <div class="redColor">This is a div tag with class name of "redColor"</div> <p> <button id="isTest">is('.redColor')</button> <button id="hasClassTest">hasClass('.redColor')</button> <button id="reset">reset</button> </p> <script type="text/javascript"> $("#isTest").click(function () { if($('div').is('.redColor')){ $('div').addClass('blueColor'); } }); $("#hasClassTest").click(function () { if($('div').hasClass('redColor')){ $('div').addClass('blueColor'); } }); $("#reset").click(function () { location.reload(); }); </script> </body> </html>
以上这篇使用jquery判断一个元素是否含有一个指定的类(class)实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
jquery判断元素的子元素是否存在的示例代码
jquery判断子元素是否存在 一.判断子元素是否存在 //一级子元素 if($("#specialId>img").length==0) if ($( "#specialId:has(img)" ).length==0) { //-----没有img子标记----- } else { //-------有img子标记------ } 二.选择特定id元素下的特定id子元素
-
jquery中获取元素里某一特定子元素的代码
之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于"$('.class')"."$('#id')"."$('#id>.class')"."$(this)"."$(this).parent()"."$(this).children()"这些简单的语句都能解决的. 问题的出现是我要选择一个ul里某个的li中的一个span,因为要利于编程,li是用 $('ul&
-
jquery如何判断某元素是否具备指定的样式
分为以下2种情况: 1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下: 判断id为divid的div元素是否有font-size样式: 复制代码 代码如下: <div id="divid" style="float:left; font-size:12px;"></div> jquery代码如下: jQuery("#divid").each(function(){ var fontSize = $
-
jQuery 判断页面元素是否存在的代码
例如: 复制代码 代码如下: document.getElementById("someID").innerText("hi"); 如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 正确的写法应该是: 复制代码 代码如下: obj = document.getElementById("someID&quo
-
jQuery判断数组是否包含了指定的元素
要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等, 复制代码 代码如下: var arr = [ "xml", "html", "css", "js" ]; $.inArray("js", arr); //返回 3, 如果不包含在数组中,则返回 -1; 以上就是本文的全部内容了,有需要的小伙伴参考下吧
-
jQuery判断元素是否存在的可靠方法
最简单的办法是判断元素匹配长度 譬如HTML代码: 复制代码 代码如下: <div class='mydiv'></div> 通常我们的做法是 复制代码 代码如下: if($('.mydiv').length>0) 比较可靠且不会出错的做法是: 复制代码 代码如下: if($('.mydiv').length && $('.mydiv').length>0) return true; 使用传统javascript方法,如下: 复制代码 代码如下: if
-
jQuery检测某个元素是否存在代码分享
代码中可能有这样的情况,根据元素是否存在来执行不同的操作,这样就需要判断指定的元素是否存在. 使用$(selector)可以获得匹配元素集合,而匹配元素集合的length属性可以获得集合中匹配元素的个数,所以只要判断length属性值是否为零,就可以判断元素是否存在.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我们</title&
-
jQuery 选择同时包含两个class的元素的实现方法
jQuery 选择同时包含两个class的元素的实现方法 <element class="a b"> 1. 交集选择: $(".a.b")--选择同时包含a和b的元素. 2. 并集选择:$(".a, .b")--选择包含a或者包含b的元素. 以上这篇jQuery 选择同时包含两个class的元素的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
使用jquery判断一个元素是否含有一个指定的类(class)实例
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class).两种方法有着相同的功能. 2 种方法如下: 1. is('.classname') 2. hasClass('classname') 以下是一个div元素是否包含一个redColor的例子: 1. 使用is('.classname')的方法 $('div').is('.redColor') 2. 使用hasClass('classname')的方法(注意jquery的低版本可能是hasClass('.classna
-
python 判断字符串中是否含有汉字或非汉字的实例
model中compile值可以根据需要更改,满足不同的检测需求 #判断一段文本中是否包含简体中文 import re zhmodel = re.compile(u'[\u4e00-\u9fa5]') #检查中文 #zhmodel = re.compile(u'[^\u4e00-\u9fa5]') #检查非中文 contents = u'(2014)深南法民二初字第280号' match = zhmodel.search(contents) if match: print(contents) e
-
jquery判断对象是否为空并遍历对象的简单实例
javascript : if(document.getElementById("target_obj_id")){ } else { } jquery: 因为 $("#target_obj_id") 不管对象是否存在都会返回 object ,所以以上方法不行 1. var target_obj = jQuery('#target_obj_id'); if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_
-
python判断文件夹内是否存在指定后缀文件的实例
该代码主要是基于python实现判断指定文件夹下是否存在指定后缀的文件.代码如下: import os Your_Dir='你的文件夹/' Files=os.listdir(Your_Dir) for k in range(len(Files)): # 提取文件夹内所有文件的后缀 Files[k]=os.path.splitext(Files[k])[1] Str2=['.wav','.mp3','.mp4'] if len(list(set(Str2).intersection(set(Fil
-
JQuery判断HTML元素是否存在的两种解决方法
在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()
-
pandas中遍历dataframe的每一个元素的实现
假如有一个需求场景需要遍历一个csv或excel中的每一个元素,判断这个元素是否含有某个关键字 那么可以用python的pandas库来实现. 方法一: pandas的dataframe有一个很好用的函数applymap,它可以把某个函数应用到dataframe的每一个元素上,而且比常规的for循环去遍历每个元素要快很多.如下是相关代码: import pandas as pd data = [["str","ewt","earw"],[&quo
-
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属性和样式. 三. 区分DOM属性和元素属性 一个img标签: <img src="images/image.1.jpg" id="hibiscus" alt="
-
jQuery之过滤元素操作小结
1:eq(index)方法 用于获取第N个元素,这个元素的位置从0开始算起,语法格式如下:eq(index) 获取第3个表格,并将它的背景色设置为"#FCF", 代码如下:$("td").eq(2).css("background", "#FCF"); 2:filter(expr)方法 用于筛选出与指定表达式匹配的元素集合,用于缩小匹配的范围,用逗号分隔多个表达式,那么多个表达式之间是"或"的关系, 语法如
随机推荐
- MySQL中实现插入或更新操作(类似Oracle的merge语句)
- spring hibernate实现动态替换表名(分表)的方法
- Spring MVC中基于自定义Editor的表单数据处理技巧分享
- js实现背景图自适应窗口大小
- ASP.NET MVC4之js css文件合并功能(3)
- ASP.NET怎么操作DataTable实例应用
- PHP中的函数嵌套层数限制分析
- jsp有两个按钮来控制Timer的开始和结束方法
- MySQL无法启动1067错误的又一种解决方法(机房断电)
- Python判断文本中消息重复次数的方法
- setInterval和setTimeout停止的方法
- PHP+MYSQL会员系统的开发实例教程
- jQuery简单实现QQ空间点赞已经取消点赞
- JQuery DataTable删除行后的页面更新利用Ajax解决
- jQuery实现切换页面布局使用介绍
- js 重构Array的sort排序方法
- 一个等号引发的血案(谈Nginx正确的404配置)
- php获取网页标题和内容函数(不包含html标签)
- C#编程实现对象与JSON串互相转换实例分析
- Jsp+Servlet实现文件上传下载 删除上传文件(三)