jQuery 自定义事件

jQuery 自定义事件_第1张图片


<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <script type="text/javascript" src="jquery-2.1.4.min.js">script>
        <title>Documenttitle>
        <style type="text/css">
            .main {
                width: 200px;
                height: 200px;
                border: 1px solid red;
                background: green;
            }

            .add {
                background: red;
            }
        style>
        <script type="text/javascript">
            $(function() {
                $(".clk").on('haha', function() {
                    $(".main").toggleClass('add');
                });
                setInterval(function() {
                    $(".clk").trigger('haha');
                },1000);
            })
        script>
    head>

    <body>
        <div class="main">div>
        <button class="clk">clickbutton>
    body>

html>

你可能感兴趣的:(web前端学习)