jQuery入门

最新推荐文章于 2024-05-28 22:16:13 发布

布斯安

最新推荐文章于 2024-05-28 22:16:13 发布

阅读量120

点赞数

分类专栏： JavaWeb 软件使用

本文链接：https://blog.csdn.net/qq_40764966/article/details/103749800

版权

JavaWeb 同时被 2 个专栏收录

32 篇文章 1 订阅

订阅专栏

软件使用

24 篇文章 0 订阅

订阅专栏

一、步骤

下载JQuery。
导入JQuery的js文件：导入min.js文件。
使用
直接上代码，注意引入jQuery到页面与事件处理的< script>是不同的。

<!DOCTYPE html>
<html lang="en">
<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
<!--//引入jQuery库-->
<!--注意引入jQuery库与绑定事件的script是不同的。-->
<script tpye="text/javascript">
    /*作者:czm
    时间：1225
    内容：click事件
    */
    //$(function(){});为入口函数
    /*   $(function () {
       });
   */
    $(document).ready(function (e) {
        $("#hi").click(function () {
            alert("hello")
        });
    });
</script>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="hi">Hello jQuery,我来了</div>
</body>
</html>

二、效果图如下所示
在这里插入图片描述