【无标题】

最新推荐文章于 2024-10-10 10:50:43 发布

かくabcd

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量152

点赞数

分类专栏： java高级

本文链接：https://blog.csdn.net/weixin_46567923/article/details/125529300

版权

jQuery 安装 HelloWorld DOM操作事件处理

关键词由CSDN通过智能技术生成

java高级专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jQuery安装步骤以及helloworld

官网下载文件：https://code.jquery.com/
将源码复制到js文件中，然后通过标签引用
然后，通过$进行测试，得到一个函数即测试成功
helloworld代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../jquery-3.x.js"></script>
    <script type="text/javascript">
        // window.onload = function (){
        //     var bun01 = document.getElementById("but01")
        //     // alert(bun01)
        //     bun01.onclick = function (){
        //         alert("js 原生的点击事件")
        //     }
        // }
        $(function () {         //表示页面加载完成之后，相当于 window.onload = function
            var $but01 = $("#but01"); //表示按id查询标签对象
            $but01.click(function () {
                alert("jquery的单击事件")
            })
        })

        // alert($)
    </script>
</head>
<body>
    <button id="but01">SayHello</button>
</body>
</html>