jQuery 如何判断指定 class 是否存在? 下面本篇文章就来给大家介绍一下 jQuery 判断指定 class 是否存在的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
两种方法如下:
- ,hasClass('classname')
- ,is('classname')
例子:
1, 使用 is('classname') 的方法
$("h1").is(".h1")
2, 使用 hasClass('classname') 的方法
注: 注意 jQuery 的低版本可能是 hasClass('classname')
$("p").hasClass("intro")
完整实例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $("button").click(function() {
- if ($("h1").is(".h1")) {
- alert(".h1 类存在");
- }
- if ($("p").hasClass("intro")) {
- alert(".intro 类存在");
- }
- });
- });
- </script>
- <style type="text/CSS">
- .h1{ color: peru; } .intro{ font-size:120%; color:red; }
- </style>
- </head>
- <body>
- <h1 class="h1">
- 这是一个段落标题
- </h1>
- <p class="intro">
- 这是一个段落
- </p>
- <p>
- 这是另外一个段落
- </p>
- <button>
- 判断
- </button>
- </body>
- </HTML>
效果图:
扩展资料:
关于上述出现的 jQuery 的 hasclass() 和 is() 的简介
- 1,is()
- is(expr|obj|ele|fn)
根据选择器, DOM 元素或 jQuery 对象来检测匹配元素集合, 如果其中至少有一个元素符合这个给定的表达式就返回 true.
如果没有元素符合, 或者表达式无效, 都返回'false'. '''注意:'''在 jQuery 1.3 中才对所有表达式提供了支持. 在先前版本中, 如果提供了复杂的表达式, 比如层级选择器 (比如 + , ~ 和 > ), 始终会返回 true
2,hasclass()
检查当前的元素是否含有某个特定的类, 如果有, 则返回 true.
这其实就是 is("." + class).
描述: 给包含有某个类的元素进行一个动画.
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/15944.html