事件委托

来源：互联网发布：mac编辑图片怎么保存编辑：程序博客网时间：2024/06/07 02:13

委托事件
1.事件委托: 获取父元素,on事件,click事件,子元素,回调函数里面写需要委托的代码

html部分:

    <ul>        <p>12321321</p>        <li class="active"></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>    </ul>

css部分:

    <style type="text/css">        ul {            overflow: hidden;        }        li {            width: 200px;            height: 200px;            background-color: #ccc;            float: left;            margin: 20px;        }    </style>

js部分:

    <script type="text/javascript" src="jq1.7.2/jquery.js"></script>    <script type="text/javascript">    $(function () {        $('ul').on('click','li',function () {            alert(0)        })    })    </script>

阅读全文

0 0