JQuery安装与下载教程

article/2025/9/29 7:21:04

jQuery安装与下载

  • JQuery 是一个javaScript库,是一个轻量级的"写的少,做的多"的JavaScript库。
  • jQuery 极大地简化javaScript编程

 

--juery相比js优点:

  • jquery的onload加载事件速度更快,并且多个加载并行  
    1. 【jq绑定事件都是使用的事件函数,不需要加on】;
  • js的onload加载事件,后面的覆盖前面的;
  • 在jQuery中,$(  )是其运行环境;
  • jQuery的模块可以分为3部分:入口模块、底层支持模块和功能模块。

-- jQuery库包含以下功能:

  •     HTML 元素选取
  •     HTML 元素操作
  •     CSS 操作
  •     HTML 事件函数
  •     JavaScript 特效和动画
  •     HTML DOM 遍历和修改
  •     AJAX
  •     Utilities

1、jQuery的版本下载网址:http://www.jq22.com/jquery-info122

找到要下载的版本,点击下载

 

2、下载hBuilder并运行hBuilder , 在hBuilder中创建一个web项目

下载地址:http://www.dcloud.io/

在主页面轮播图中点击HBuilder界面进入下载。

 

这里根据自己的电脑来选择,我们尽量下载下面的版本,功能强大点,可以支持app开发。

 

3、下载好之后进行安装,并且新建项目名称为Jquery练习

         将第一步中下载好的jQuery资源包进行解压,将解压好的.js文件移动到自己的web项目js包里面。

        

 

 

4、引入资源文件,并测试是否引加载成功,如果是undefinition 就没有引入。

创建一个html页面,将jQuery的min.js 的资源文件。

<!-- 引用jQuery 资源文件 --><script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script><title>JQuery 练习</title><!-- 测试JQuery 是否加载     如果是undefinition 就是没引入。--><script>if(typeof jQuery== "undefined"){window.alert("jQuery引用失败!");}else{window.alert("jQuery引用成功!");}</script>

 

5、创建一个简单的项目,显示/隐藏 文本框

<!-- 引用jQuery 资源文件 -->

<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script><title>JQuery 练习</title><p id="demo">这是一个文本框</p><button onclick="hide()">点击隐藏文本</button><br /><button onclick="show()">点击显示文本</button>     <script>//隐藏文本function hide(){$("#demo").hide();}//显示文本function show(){$("#demo").show();}</script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


http://chatgpt.dhexx.cn/article/gTWKd04i.shtml

相关文章

jQuery看这一篇就够啦,jQuery基础大全,可用于快速回顾知识,面试首选

1 jQuery基本使用 1.1 入口函数 $(document).ready(function(){... // 此处是页面DOM加载完成的入口 });$(function () { ... // 此处是页面 DOM 加载完成的入口 -- 推荐 }) ; 1.2 jQuery 的顶级对象 $ $ 是 jQuery 的别称&#xff0c;在代码中可以使用 jQuery 代替 $…

jQuery入门到精通全套完整版

思维导图 p1/41p $是函数名 jQuery封装了javascript的方法调用&#xff0c;简化了javascript对HTML DOM操作 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210604153945566.png?x-oss-processimage/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ib…

jQuery基础以及下载

今天小编要给大家介绍一个新的知识点——jQuery&#xff0c;那什么是jQuery呢&#xff1f;我们为什么要学习jQuery呢&#xff1f;今天小编就给大家简单介绍一下 目录 一、了解jQuery 二、jQuery库的下载和引用 1.jQuery的下载 2.jQuery的引用 三、jQuery选择器 1.基本选择…

JQuery 基础知识学习(详尽版)

JQuery 详尽的基础知识学习 jQuery 语法jQuery 选择器jQuery 选择器&#xff08;大全&#xff09;jQuery 事件ready()holdReady()on()off()one()其他事件案例01 jQuery CSS样式案例02 jQuery DOM遍历遍历父元素案例03 遍历同级元素案例04 遍历子元素案例05 first()last()eq(num…

jQuery的知识汇总

1.什么是jQuery? jQuery是JavaScript库&#xff0c;也即jQuery中是封装了很多的javaScript语句&#xff0c;函数。相当于Java的工具类&#xff0c;其也是一款跨主流浏览器的JavaScript库&#xff0c;简化了JavaScript对HTML,Dom的操作。大约是在2004年左右出现的。 所以我们…

18道JQuery技术基础知识测试题

1、什么DOM对象&#xff08;&#xff09; A、是javascript访问页面元素的对象 B、html对象 C、C#对象 D、java对象 2、什么是jQuery对象&#xff08;&#xff09; A、jQuery库自身具有方法&#xff0c;获取页面元素的对象 B、C#对象 C、C对象 D、java对象 3、jQuery添加CSS样式…

学习jQuery初级中级高级用法 | 一篇就够了

前言&#xff1a;本篇文章可以带你快速上手jQuery&#xff0c;本文包括jQuery各种常用以及高级用法&#xff0c;为后续学习可以做好铺垫&#xff0c;知识点非常全面。 目录 一、认识jQuery 1.1 举个例子 二、学习前的准备 2.1 第一步&#xff1a;下包 2.2 第二步&#xff…

c引入静态链接库

一、静态链接库项目 1、创建头文件library.h文件 #ifndef TESTC_LIB_LIBRARY_H #define TESTC_LIB_LIBRARY_Hvoid hello(void); void hello2(void);#endif //TESTC_LIB_LIBRARY_H 2、创建c文件library.c #include "library.h"#include <stdio.h>void hello…

关于动态链接库和静态链接库

关于动态链接库和静态链接库 库是写好的现有的&#xff0c;成熟的&#xff0c;可以复用的代码。现实中每个程序都要依赖很多基础的底层库&#xff0c;不可能每个人的代码都从零开始&#xff0c;因此库的存在意义非同寻常。 本质上来说库是一种可执行代码的二进制形式&#xf…

1.静态链接库的生成和使用

1.什么时静态链接库 静态库&#xff08;Static Library&#xff09;通常包含一堆程序员自定义的变量与函数&#xff0c;在编译期间由编译器和链接器将它集成到可执行文件中&#xff0c;也就是生成的.exe文件中 2.静态库的扩展名 在Windows下&#xff0c;静态库的扩展名是.li…

基于vs2019的静态链接库的创建与使用(超详细)

文章目录 前言一、什么是静态链接库&#xff1f;二、静态链接库的建立与使用1、静态链接库的建立创建一个静态链接库项目创建一个头文件编写自己的静态库生成静态库 2、静态链接库的使用创建一个新项目写入自己定义的那个头文件重新打开vs时 总结 前言 在我们平时写代码的时候…

C++的静态链接库和动态链接库

在电脑上安装某个软件的时候&#xff0c;我们都能看到安装目录下有很多lib和dll文件&#xff0c;并且我相信&#xff0c;你在用某个软件工具的时候遇到过以下这个界面&#xff1a; 这个界面提示你如案件在运行过程中少了某一个文件&#xff0c;导致软件无法再进行运行下去。 再…

静态链接库(Lib)和动态链接库(DLL)

序言&#xff1a;本文主要讲解静态链接库和动态链接库的区别&#xff0c;以及怎么样编译和引用两种库&#xff0c;怎么样从DLL中导出函数和导出C类。 一、静态链接库和动态链接库 1.静态链接库(.LIB)&#xff1a;函数和数据被编译进一个二进制文件。发布时&#xff0c;只需要发…

C++静态链接库与动态链接库

C静态链接库与动态链接库 什么是库程序编译成可执行程序的步骤静态链接库与动态链接库的区别&#xff08;简易版&#xff09;&#xff1a;静态链接库调用实现动态链接库调用实现g&#xff08;gcc&#xff09;编译选项 什么是库 库是写好的、现有的、可复用的代码。库是一种可执…

「C/C++」C/C++静态链接库与动态链接库

博客主页&#xff1a;何曾参静谧的博客 文章专栏&#xff1a;「C/C」C/C学习 目录 相关术语案例环境&#xff1a;Win10VS2019一、链接库介绍二、静态链接库&#xff08;Static Library&#xff09;2.1、静态库优缺点2.2、静态库的创建2.2.1、创建静态库项目2.2.2、添加.h头文件…

C++封装静态链接库及使用

一、为什么要把程序封装成库 有时我们需要把自己的程序交给第三方调用&#xff0c;但是又不想被别人看到自己的具体实现代码&#xff0c;就封装成库给别人使用。库有动态链接库和静态链接库&#xff0c;区别是动态链接库可以在程序运行时动态链接&#xff0c;而静态链接库相当于…

C++ 创建静态链接库和动态链接库

上篇文章演示了如何使用C 编译的静态链接库和动态链接库&#xff0c;本篇文章主要介绍如何创建静态链接库和动态链接库&#xff0c;本文使用的工具是visual studio 2019 企业版&#xff0c;需要安装对应的Csdk&#xff0c;可以参考网上其他文章&#xff0c;本问不在赘述。 一、…

动态链接库和静态链接库

转载自&#xff1a;https://www.cnblogs.com/king-lps/p/7757919.html &#xff08;有删减&#xff09; 1. 库的介绍 库是写好的现有的&#xff0c;成熟的&#xff0c;可以复用的代码。现实中每个程序都要依赖很多基础的底层库&#xff0c;不可能每个人的代码都从零开始&…

静态链接库与动态链接库----C/C++

平时我们写程序都必须include很多头文件&#xff0c;因为可以避免重复造轮子&#xff0c;软件大厦可不是单靠一个人就能完成的。但是你是否知道引用的那些头文件中的函数是怎么被执行的呢&#xff1f;这就要牵扯到链接库了&#xff01;&#xff01;&#xff01; 库有两种&#…

【四、静态库与动态库(共享库)】揭开链接库的神秘面纱:手把手教你制作静态链接库与动态链接库

前言 不管是在 Windows 下开发&#xff0c;还是在 Linux 下开发&#xff0c;我们都会经常性的使用一些库文件&#xff0c;这些库文件的特点就是&#xff0c;我们可以看到接口的原型并通过这些接口来调用这个函数的功能&#xff0c;但是我们无法查看这个功能的实现。这就是库文…