JQuery安装与下载教程

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、创建一个简单的项目，显示/隐藏文本框

<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>

JQuery安装与下载教程相关推荐

AI绘画新多功能controlnet插件，草图上色，动作骨架提取等功能，安装及下载教程
AI绘画新多功能controlnet插件,草图上色,动作骨架提取等功能,安装及下载教程 - 哔哩哔哩原文: 功能很多,都非常实用,文生图添加人物动作,线稿上色,景深等个人经验,很菜不懂电脑,只做 ...
python2.7下载教程_Python 2.7安装和下载教程
目前100000+人已关注加入我们 ojbk啊!!! 今天我们就来讲讲Python 2.7的下载和安装教程希望大家紧跟步骤,不要分心哟!!! 1.首先,这个是下载的链接: https://www.p ...
solidworks的安装以及下载教程（下载连接在文章最后）
solidworks(下述其SW)作为一款比较简洁的三维建模软件,也是世界上第一款基于windows系统所开发的三维cad软件. solidworks2018下载提取码:nplm 由于设备系统限制的 ...
Adobe PR2023、Adobe premiere 2023安装、下载教程
Adobe premiere简介: Adobe Premiere是由Adobe Inc.开发的一款专业视频编辑软件,被广泛用于电影.电视和媒体行业创作高质量的视频.该软件提供了高级的编辑.颜色校正.音 ...
QT5.14 安装与下载教程
一.QT介绍二.QT下载官方下载网址:http://download.qt.io/archive/qt/5.14/5.14.2/ 下载中- 下载完成- 三.QT安装双击安装包- 注册或者登录- ...
【51系列之Proteus仿真】Proteus8.9安装及下载教程
Proteus8.9 Proteus8.9是2019年设计的一款电路仿真软件,在后续的仿真钟大家都会用到,可以先下载这里附上下载链接,安装说明也在链接中. 链接:https://pan.baidu.c ...
3D建模软件、Creo 3D 、Creo8安装、下载教程
PTC Creo 8.0 是一款三维 CAD 软件,适用于多个行业和应用场景,包括机械设计.工业设计.电子设计等等.以下是 PTC Creo 8.0 的功能介绍和安装条件: 功能介绍: 三维建模:可以 ...
jquery下载教程
jquery下载教程建议使用google浏览器下载,不建议使用IE浏览器(没有办法生成.js文件,只能复制粘贴) 下载网址 https://docs.microsoft.com/en-us/aspn ...
最新鲜最详细的Android SDK下载安装及配置教程
最近Neo突发神经,想要将学过的一些计算机视觉.机器学习中的算法都放到移动设备上去跑跑,因为移动开发是大势所趋嘛,希望能够通过这样一个实践的过程,找到一些新的灵感(该不会是为了赚钱吧-),我自己目前也 ...
mysql 8.0.22_最新版MySQL 8.0.22下载安装超详细教程(Windows 64位)
前言前几天下载安装了最新版的MySQL 8.0.22,遇到了不少问题,参考了一些方法,最终得以解决.今天将自己的安装过程记录下来,希望对各位有所帮助. 一.MySQL 8.0.22官网下载点击进入 ...

JQuery安装与下载教程

JQuery安装与下载教程相关推荐

最新文章

热门文章