• 技术文章 >web前端 >js教程

    jQuery中hasClass()的意思及用法详解

    藏色散人藏色散人2019-03-28 16:53:21原创3111
    本篇文章主要给大家介绍jQuery中hasClass()用法介绍,希望对需要的朋友有所帮助!

    hasclass什么意思?

    hasClass()是jQuery中的一个内置方法,用于检查具有指定类名的元素是否存在。

    语法:

    $(selector).hasClass(className);

    参数:它接受一个“className”参数,该参数指定需要在所选元素中搜索的类名。

    返回值:如果搜索成功,返回true,否则返回false。

    jQuery hasClass()方法的使用示例:

    <html>
    
    <head>
        <meta charset="UTF-8">
        <script
                src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
        </script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    alert($("p").hasClass("find"));
                });
            });
        </script>
        <style>
            .find {
                font-size: 120%;
                color: green;
            }
    
            body {
                width: 50%;
                height: 200px;
                border: 2px solid green;
                padding: 20px;
            }
        </style>
    </head>
    
    <body>
    
    <h1>标题1</h1>
    
    <p class="find">PHP中文网!</p>
    <p>这是普通段落</p>
    
    <button>点击我!</button>
    
    </body>
    
    </html>

    输出:

    7ba856f8a0bb1264dfb7b088232b081.png

    当点击“点击我”按钮时,出现如下弹窗

    74c2157e75d6b1af98c225a7207466d.png

    相关推荐:《jQuery教程

    本篇文章就是关于jQuery中hasClass()的意思及用法详解,简单易懂,希望对需要的朋友有所帮助!

    以上就是jQuery中hasClass()的意思及用法详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jQuery hasClass
    上一篇:jQuery如何获取文本框的值? 下一篇:实现Promise的详细步骤
    大前端线上培训班

    相关文章推荐

    • jquery ajax方法封装及api文件设计的代码示例• jquery ajax方法封装的介绍(附示例)• jquery中deferred对象的用法介绍(附示例)• jQuery如何获取文本框的值?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网