什么是 jQuery?

jQuery 框架

它是一款 JavaScript 框架及函数库；是对 JavaScript 的一种封装。

jQuery是一个 JavaScript 函数库。
jQuery是一个轻量级的"写的少，做的多"的 JavaScript 库。

jQuery库包含以下功能：
HTML 元素选取
HTML 元素操作
HTML 事件操作
CSS 操作
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX 异步请求方式
Utilities...

当然，前端也有其它的框架，比如 react.js, Vue.js, IView, bootstrap, …

前端所涉及到的技术:Json          -->  数据载体，也叫 Model 层, 简称   MHTML          --> 页面结构， 也叫 View 层，简称  VCSS            --> 页面装饰，也叫 View 层， 简称     VJavaScript     --> 控制，也叫 Controll层，简称     C

使用 jQuery 框架的目的

提高我们的 js 开发效率以及节约开发时间。

比如：


<html><head>....</head><body><button id="btn">click me</button><!-- 原生态的 js代码 --><script type="text/javascript">window.onload=function() {alert("页面的元素构建完成以及内容下载完毕后，执行");}</script><!-- jquery代码 --><script type="text/javascript">$(function(){alert("页面的元素构建完成后，我就执行");});</script></body>
</html>

下载 jquery 框架

 官网：www.jquery.com

使用jquery框架的步骤

1. 在html 中导入 jquery框架的脚本<script src="xxx/xxx/jquery-min-version.js" type="text/javascript"></script>2. 在需要编写脚本的地方，通过<script>标签来编写 jquery 代码<script type="text/javascript">$(function(){//todo ...});</script>3. 利用jquery提供的选择器进行元素的选择。

jquery 框架的两大核心元素

1. 选择器 [selector]常用的选择器id 选择器：使用 #号开头， 如： $("#btn")    ==>  document.getElementById("btn");类型选择器：使用 . 开头， 如：$(".txt")   ==> 查询出所有使用了 class="txt" 的元素进一步限定的的选择：$("p.txt")     ==> 查询出所有使用了 class="txt" 的 <p>元素2. 常用方法  [method]

回到顶部

Note:
欢迎点赞，留言，转载请在文章页面明显位置给出原文链接
知者，感谢您在茫茫人海中阅读了我的文章
没有个性哪来的签名！
详情请关注点我
持续更新中

什么是 jQuery?相关推荐

Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...
jquery.raty评星插件
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>j ...
jquery autocomplete demo
根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择. jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquer ...
在Ant-design-pro框架中引入jQuery和jQuery-ui步骤
1.安装jQuery和jQuery-ui npm i jquery s npm i jquery-ui s yarn install 2.在vue.config.js中进行配置 // webpack ...
火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩查询成绩 ...... ...... fun ...
jquery 监听的案例
jQuery 简介 jQuery 是一个 JavaScript 库. jQuery 使用可以下载一个,也可以使用Staticfile CDN.百度.又拍云.新浪.谷歌和微软的服务器都存有 jQuer ...
网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
利用 jquery 获取某个元素下的所有图片并改变其属性
HTML代码 <div id="mochu"> <p>内容....<./p> <p><img src="xxxx.p ...
通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程.但事实上,这并不是理想的解决方案.使用jQuery来调用ASP.NET后台的方法 ...

什么是 jQuery?

jQuery 框架

使用 jQuery 框架的目的

下载 jquery 框架

使用jquery框架的步骤

jquery 框架的两大核心元素

什么是 jQuery?相关推荐

最新文章

热门文章