JQuery

最新推荐文章于 2025-12-08 09:18:56 发布

原创最新推荐文章于 2025-12-08 09:18:56 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #前端

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

公式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!-- cdn引入 -->

   <script src="lib/jquery-3.6.3.js"></script>
</head>
<body>

<a href="" id="test-jquery">点我</a>

<script>
   document.getElementById('id')
    // $('#test-jquery')就是CSS里的选择器
    $('#test-jquery').click(function (){
        alert('hello,jquery');
    })


</script>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/jquery-3.6.3.js"></script>
    <style>
        #divMove{
            width: 800px;
            height: 600px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<!--要求获取鼠标当前的一个坐标-->
mouse:  <span id="mouseMove"> </span>
<div id="divMove">
    在这里移动鼠标试试
</div>

<script>
    //当网页元素加载完毕之后，响应事件
    $(function (){
         $('#divMove').mousemove(function (e){
             $('#mouseMove').text('x:'+e.pageX+'Y:'+e.pageY)
         })

    })

</script>

</body>
</html>