Jquery 委托事件

前端之家收集整理的这篇文章主要介绍了Jquery 委托事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Jquery3事件委托中只有on()方法


Jquery3用法:


    $('要绑定标签的上级标签').on('click','要绑定的标签',(function(){}))


Jquery1和2用法:


    $('要绑定标签的上级标签').delegate('要绑定的标签','click',(function(){}))


案列:


<!DOCTYPE html>

<html>

<head>

    <Meta charset="utf-8">

    <style type="text/css">

        table {

            width: 300px;

            height: 60px;

            background-color: green;

        }

        table td {

            background-color: white;

        }

    </style>

</head>

<body>

<table id='tb' cellspacing="1">

    <tr class='aa'>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

    </tr>

    <tr class='aa'>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

        <td>单元格</td>

    </tr>

</table>

</body>

</html>

<script typet="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<script>

        // 绑定事件

    $(function(){

        bindClick()

    });

    // 委托事件

    function bindClick(){

        $('#tb').on('click','.aa',(function(){

            alert('你好')

        }))

}

</script>


猜你在找的jQuery相关文章