jquery属性方法hasClass判断是否存在某个class

最新推荐文章于 2020-11-22 05:30:28 发布
最新推荐文章于 2020-11-22 05:30:28 发布
阅读量679 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/afish/p/4186335.html
版权

判断匹配集合中是否存在至少一个元素使用样式'selected'，存在则返回'true'，不存在为'flase'。

<html>  
<head>  
<script src="http://code.jquery.com/jquery-latest.js"></script>  
<script>  
$(document).ready(function(){  
$("div#result1").append($("p:first").hasClass("selected").toString());  
$("div#result2").append($("p:last").hasClass("selected").toString());  
$("div#result3").append($("p").hasClass("selected").toString());  
});  
</script>  
<style>  
p{ margin: 8px; font-size:16px; }  
.selected{ color:red; }  
.highlight{ background:yellow; }  
</style>  
</head>  
<body>  
<p>Hello</p>  
<p class="selected">Goodbye</p>  
<div id="result1">First paragraph has selected class: </div>  
<div id="result2">Last paragraph has selected class: </div>  
<div id="result3">Some paragraph has selected class: </div>  
</body>  
</html>

$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
$("div#result3").append($("p").hasClass("selected").toString());
第一行判断p集合中第一个p元素是否使用'selected'样式。
第二行判断p集合中最后一个p元素是否使用'selected'样式。
第一行判断p集合中每一个p元素是否至少有一个使用'selected'样式。

 

转载于:https://www.cnblogs.com/afish/p/4186335.html

weixin_34234823
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中判断对象是否存在的方法汇总
11-22
如果是下面的 jQuery 代码判断一个对象是否存在，是不能用的。 if($("#id")){ //... }else{ //... } 因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用： if($("#id").length>0){ //... }else{ //... } 使用 jQuery 对象的属性 length 来判断，如果 > 0 就存在。 或者 if($("#id")[0]){ //... }else{ //... } 或者直接使用原生的 Javascript 代码来判断： if(docume
用JQuery 判断某个属性是否存在hasAttr的解决方法
12-12
比如是否包含 class=”new” 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $(“input[name=new]”).hasClass(“new”) 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的...
jQuery判断获得的对象是否存在的方法
weixin_34357436的博客
04-07 92
因为jQuery在获得对象的时候，无论要获得的对象是否存在，都会返回jQuery对象。 所以，以往的 js 判断是否存在在jQuery是行不通的。 假设有如下代码。 var target_obj = jQuery('#target_obj_id'); 则，若需要判断id为target_obj_id是否存在的话，可以实现的方法有一下两种： 1、 if (target_obj.le...
JQuery 判断某个属性是否存在 hasAttr
热门推荐
大头爸爸的博客
11-28 2万+
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢? 这时就没有现成的方法了. 如果存在
jquery判断元素是否包含某class
weixin_30387663的博客
06-12 1097
// <div id="id" class="add on"></div> var flag = $("#id").is('.on'); // 此时flag为true 转载于:https://www.cnblogs.com/xiaostudy/p/11011018.html
jQuery中判断元素是否存在的方法
renxingxingge的专栏
03-30 509
<br /><div id="divExit"></div><br /> <br />if($("divExit").length>0){<br />alert("存在");<br />}<br />else<br />{<br />alert("不存在");<br />}
jQuery中hasClass()方法用法实例
10-24
在jQuery库中，`hasClass()`方法是一个非常实用的工具，用于检查DOM中的元素是否具有特定的CSS类。这个方法在处理动态交互和样式变化时特别有用，因为它允许开发者基于元素的类来执行条件逻辑。下面将详细介绍`...
jQuery源码解读之hasClass()方法分析
10-24
在jQuery中，hasClass()是一个非常实用的函数，它用于检查指定的元素是否有特定的class。如果元素具有该class，则返回true；否则返回false。这个函数极大地简化了检查元素类的操作，使得前端开发更加高效。 我们先...
如何用js判断dom是否有存在某class的值
10-20
首先，要判断一个DOM元素是否具有特定的class，最简单直接的方法是使用jQuery提供的`.hasClass()`方法。这个方法接受一个class名称作为参数，并返回一个布尔值，表示该元素是否具有这个class。例如，要判断元素是否...
jQuery判断指定对象的class是否存在
weixin_34143774的博客
03-15 1077
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery判断指定id的对象是否存在的方法
12-09
jQuery判断指定id的对象是否存在，只需要判断对象的length是否大于0即可。 示例： 正确的判断写法如下： if($("#object_id").length>0) { alert('对象存在'); } else { alert('对象不存在'); } 或者直接使用原生的 Javascript 代码来判断： if(document.getElementById("id")) { alert('对象存在'); } else { alert('对象不存在'); } 以上所述就是本文的全部内容了，希望大家能够喜欢。
JS/jQuery判断DOM节点是否存在的简单方法
11-28
JS原生判断DOM节点是否存在页面中 JavaScript原生函数没有提供判断DOM节点是否存在方法，我们通常获取DOM节点几乎都是document.getElement..方法，会返回一个object数组合集，我们可以通过object[0]，object[1]这样来访问这个合集的每一个对象。既然返回的是数组合集，那么就有length属性，而length大于等于1即表示DOM节点存在页面中 代码： Object.prototype.exist = function(){ if(typeof this !='undefined' && this.length>=1){ return tr
jq animate()可以使用的属性_jquery操作class属性的方法
weixin_39553600的博客
11-22 380
使用 jquery 可以很方便的操作div元素的class属性的值，以实现各种炫彩的动态效果。这篇文章就来说一说，几种使用 jq 来操作 div 元素class属性的方法。jq addClass() 方法jq 的 addClass() 方法，可以向一个指定的 html 元素的 class 属性中添加一个属性值示例：运行结果：jq removeClass() 方法jq removeClass() 方...
jq判断是否存在某个类
Vicki_的博客
06-15 3863
jq判断是否存在某个类作用：1、点击按钮增加了一个类（改变样式），触发事件；再次点击按钮删除该类，取消事件。左按钮是点击后的样式（增加类cur）再点一次恢复原来样式（删除类cur）两个按钮类名同为btn&lt;a class="btn"&gt;中文CV 沈达威&lt;/a&gt; &lt;a class="btn"&gt;日文CV 河西健吾&lt;/a&gt;方法一：$(this).is('.cu...
判断组件是否包含指定的Class---hasClass
【程序员不弃】的博客
05-24 1364
1.检查当前的元素是否含有某个特定的类，如果有，则返回true。$('div').hasClass('redColor')2.Jquery为每个匹配的元素添加指定的类名。$("p").addClass("selected");3.Jquery从所有匹配的元素中删除全部或者指定的类。$("p").removeClass("selected");...
jquery判断.class是否存在，添加.class,移除.class
yb305
02-14 8913
一、  判断.class是否存在   is(‘.classname’)的方法 $('div').is('.redColor')； 二、添加.class $('div').addClass("redColor"); 三、删除.class $('div').removeClass("redColor")    ...
使用jquery判断一个元素是否含有一个指定的类（class）
sunqian_happy的博客
01-13 8279
在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下： 1.           is(‘.classname’) 2.           hasClass(‘classname’) 以下是一个div元素是否包含一个redColor的例子： 1. 使用is(‘.classname’)的方法 $('di
jQuery判断一个元素是否含有一个指定的类（class）
杨春建的博客
08-21 2117
原文地址：http://www.cnblogs.com/zhaoyingjie/p/6088358.html 在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：（个人喜欢用hasClass()） 1.           hasClass(‘classname’) 2.           is(‘.classname
jquery hasClass 筛选不包含某个类的元素
最新发布
06-03
您好！针对您的问题，可以结合使用 jQuery 的 `:not` 选择器和 `hasClass()` 方法来筛选不包含某个类的元素。以下是示例代码： ```javascript // 选择所有不包含 class 为 "exclude" 的 <div> 元素 $('div:not(.exclude)'); ``` 在上述示例中，`:not` 选择器用于排除包含 class 为 "exclude" 的 `<div>` 元素。`hasClass()` 方法用于检查某个元素是否包含特定 class。 希望这可以帮助您！如有其他问题，欢迎随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值