Jquery筛选hasclass（）的方法

Hasclass（）：检查当前元素是否含有某个特定的类，如果有，则返回true值。

第一步先创建一个div，给这个div添加一个类
<div class="protected"></div>

之后再给这个div添加一点样式
<style>
div {
position: relative;
width: 200px;
height: 200px;
margin-bottom: 10px;
background-color: pink;
}
</style>

之后先将jquery引入进文档

最后将hasclass（）的方法展现出来
$('div').click(function () {
// 如果元素有protected这个类，那么返回值为true，如果没有返回值为false
// $(this).hasClass('protected')
if ($(this).hasClass('protected')) {
// 如果返回结果为true
$(this).animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 })
}
})

个人理解：可以更快捷的判断出标签的属性

这是我使用在jquery筛选hasclass（）的方法分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

Jquery筛选hasclass（）的方法相关推荐

jQuery筛选--hasClass(class)和eq(index|-index)
hasClass(class) 概述检查当前的元素是否含有某个特定的类,如果有,则返回true 参数 class 用于匹配的类名 <!DOCTYPE html> <html> ...
JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
jquery遍历数组与筛选数组的方法
在jquery是遍历筛选数组有多种方法与函数了,包括有:grep.each.inArray.map同时也要以遍历json对象哦,下面给各位同学介绍一下具体的操作方法. grep grep()方法用于数 ...
jquery：选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法，可见性过滤选择器】
名称用法描述基础选择器 id选择器 $('#class') 指定id的元素类选择器 $('.class') 指定类标签选择器 $('div') 指定标签并集选择器 $('div,class ...
jQuery CSS 操作 - css() 方法
实例设置 <p> 元素的颜色: $(".btn1").click(function(){$("p").css("color", ...
jQuery: 操作select option方法集合
每一次操作select的时候,总是要谷歌一下资料,真是太不爽了, 在这里记录一下. 公共select代码 <select id="sel"><option val ...
jQuery遍历之closest()方法
以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...
使用jQuery的ajax的方法完成一个手机归属地查询
使用jQuery的ajax的方法完成一个手机归属地查询 1.设计页面的效果: 2. 选用HTTP GET方法,将电话提交到服务端,并将返回的结果显示在界面相应的位置: 3. 服务端API地址:http ...
Jquery查找元素的方法汇总
Jquery查找元素的方法汇总通过具体的class,id,标签查找 $('div') // 所有div元素 $('.item') // class为item的元素 $('#main') // id为 ...

Jquery筛选hasclass（）的方法

Jquery筛选hasclass（）的方法相关推荐

最新文章

热门文章