javascript学习笔记七(事件)

事件

鼠标事件
键盘事件
其他事件
例子:

<!-- 要求：获取鼠标当前的一个坐标 -->
mouse:<span id="mouseMove"></span>
<div id="divMove">
    在这里移动鼠标试试
</div>
<script>
    // 当前网页元素加载完毕之后，响应事件
    // $(document).ready(function(){ //document默认是文档，ready默认是加载完
    // })
    // 上面这行的简写
    $(function(){
        $('#divMove').mousemove(function(e){ //获取了divMove的鼠标移动的坐标
            $('#mouseMove').text('x:'+e.pageX+'Y:'+e.pageY) //在mouseMove这个span里显示鼠标移动的坐标
        })
    });
</script>

1、节点文本操作

<ul id="test_ul">
    <li class="js">JavaScript</li>
    <li name="python">Python</li>
</ul>
<script>
    //拿到这个标签的文本，
    $('#test_ul li[name=python]').text();
    //修改这个标签的文本
    $('#test_ul li[name=python]').text('123');
    //修改样式
    $('#test_ul').html();
</script>

2、css的操作

<script>
     $('#test_ul').css("color","red"); //使用键值对来表示属性和属性值
</script>

3.元素的显示和消失：本质是display：none

$('#test_ul').show();
$('#test_ul').hide();

</script>