w3d1作业

1.使用jquery修改div元素的背景色(随意颜色）

<script>
    $(function () {

        $('div').css('background-color','red')

    })
</script>

2.使用jquery修改div的子元素p的内容为"我是子元素"

<script>
    $(function () {

        $('p').html('我是子元素')

    })
</script>

3.使用jquery修改第二个p元素的背景色为"orange"

<script>
    $(function () {

        $('#two').css('background-color','orange')

    })
</script>

4.删除列表元素中最后一个li元素

<script>
    $(function () {

        $("button").click(function() {
            $("li:nth-last-child(1)").empty()
        });

    })
</script>

5.点击当前的p标签,弹出相对应的元素下标

<script>

    $('p').click(function () {
        alert($(this).index())
    })


</script>

6.利用jquery中的animate()方法.点击id为btn的按钮,实现类名为box的元素,向左移动500px

<div class="box" style="width: 300px;height: 300px;background-color: orange;position: relative"></div>
<button id="btn">移动</button>

<script>

    $('#btn').click(function () {
        $('.box').animate({left:'500px'})
    })

</script>