jquery 的on事件用法

通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件。代码中,类名为children的元素和它的子元素可以调用绑定的事件。

<!DOCTYPE html>
<html>

<head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.jb51.net/" />
    <title>脚本之家</title>
    <style type="text/css">
        .parent {
            width: 160px;
            height: 160px;
            border: 1px solid green;
            font-size: 12px;
        }
        
        .children {
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
        
        span {
            background-color: green;
        }
    </style>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var newtext = "这是新文本"
            $(".parent").on("click", ".children", function(e) {
                console.log(this);
                $(this).text("xuhaitao");
                console.log(this);
            })
        })
    </script>
</head>

<body>
    <div class="parent">
        <div class="children"><span>原来内容</span></div>
    </div>
    <span>大家好</span>
</body>

</html>

FR:徐海涛(hunk Xu)
QQ技术交流群:386476712

上一篇:HTML中制作一个圆


下一篇:CSS常用居中方式