JQuery

最新推荐文章于 2024-09-14 18:52:56 发布

King如花

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量107

点赞数

分类专栏： jq 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/KingRH/article/details/120973339

版权

jq 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了JQuery的基本概念和使用步骤，包括如何引入JQuery库、编写简单的JQuery代码，以及JQuery与JavaScript加载的区别。通过示例展示了JQuery的可重复加载和高效性，适合初学者入门。

摘要由CSDN通过智能技术生成

JQuery学习

一、jq是什么？

Query 是一个快速、小巧且功能丰富的 JavaScript 库。它通过易于使用的 API 使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等工作变得更加简单，该 API 可在多种浏览器上运行。jQuery 结合了多功能性和可扩展性，改变了数百万人编写 JavaScript 的方式。
它的官网是 https://jquery.com/

二、使用步骤

1.引入jq.js

代码如下（示例）：

    <script src="../jquery-1.11.3.js"></script>
    <script>
	//你所写的jq代码
	</spript>

2.就可以编写你的jq代码了

代码如下（示例）：

    <script src="../jquery-1.11.3.js"></script>
    <script>
     $(function(){
            alert("第1次加载")
        })
	</spript>

3.现在就让我们正式的学习一下jquery

jq加载和js的区别

代码如下：

    <script>
        window.onload=function(){
            alert("第1次加载")
        }
        window.onload=function(){
            alert("第2次加载")
        }
        window.onload=function(){
            alert("第3次加载")
        }
    </script>

在这里插入图片描述

这是js的加载它最终只能弹出第3次加载不能重复加载
我们再看看jq的

代码如下（示例）：

  <script>
        $(function(){
            alert("第1次加载")
        })
        $(function(){
            alert("第2次加载")
        })
        $(function(){
            alert("第3次加载")
        })
    </script>