jquery li练习

<!DOCTYPE html>


<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="jquery-1.7.1.min.js"></script>
    <script>
        $(function () {
            $('li').hover(function () {
                $(this).css({'color':'red','cursor':'pointer'});
            }, function () {
                $(this).css('color', 'black');
            }).click(function () {
                $(this).appendTo('#ul2');
            });
        });
    </script>
</head>
<body>
    <ul id="ul1">
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>深圳</li>
    </ul>
    <ul id="ul2">


    </ul>
</body>
</html>
posted @ 2018-05-12 08:42  dxm809  阅读(72)  评论(0)  编辑  收藏  举报