首页 前端知识 JQuery(一) -- JQuery快速入门

JQuery(一) -- JQuery快速入门

2024-05-07 13:05:34 前端知识 前端哥 566 130 我要收藏

目录

引言:

1.  JQuery的概述:

2.  JQuery快速入门:

2.1  入门步骤:

2.2  实例演示:


引言:

        jQuery诞生于2006年,由John Resig创建。当时,JavaScript和DOM操作的标准化程度较低,开发者需要使用许多不同的JavaScript代码来使网页能够跨浏览器正常工作。John Resig认为这是一个很大的问题,因此他开发了jQuery,希望通过这个库来简化跨浏览器JavaScript开发,使开发者更容易地处理DOM、事件和Ajax等常见任务。jQuery被广泛认可,并成为了当今最流行的JavaScript库之一。它极大地推动了Web前端开发的发展,为Web开发者提供了一个简单、灵活的解决方案。

1.  JQuery的概述:

  • jQuery 是一个 JavaScript 库,用来简化JavaScript代码的编写和处理。

  • 所谓的库,就是一个 JS 文件,里面封装了很多预定义的函数,比如获取元素,执行隐藏、移动等,目的就 是在使用时直接调用,不需要再重复定义,这样就可以极大地简化了 JavaScript 编程。

  • jQuery提供了一个跨浏览器的API,可以轻松地完成许多常见的Web开发任务,比如DOM操作、事件处理、动画效果、Ajax异步请求等。

  • 由于其简捷和高效的特点,jQuery已成为Web开发中非常流行和广泛应用的框架之一。它可以快速地帮助开发者创建出具有交互性和动态性的网页。

  • jQuery 官网

2.  JQuery快速入门:

2.1  入门步骤:

  1. 编写 HTML 文档。

  2. 引入 jQuery 文件。

  3. 使用 jQuery 获取元素。

  4. 使用浏览器测试。

2.2  实例演示:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速入门</title>
</head>
<body>
    <div id="div">我是div</div>
</body>
<!--引入 jQuery 文件-->
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // JS方式,通过id属性值来获取div元素
    var jsDiv = document.getElementById("div");
    //alert(jsDiv);
    //alert(jsDiv.innerHTML);

    // jQuery方式,通过id属性值来获取div元素
    var jqDiv = $("#div");
    alert(jqDiv);
    alert(jqDiv.html());
</script>
</html>

如果对你有帮助,请帮我点一下赞,我才有动力继续创作,谢谢!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7342.html
标签
评论
发布的文章

exceljs

2024-05-11 10:05:00

Java研学-JSON与AJAX

2024-05-10 22:05:37

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!