js进阶 10-1 JQuery是什么
js进阶 10-1 JQuery是什么
一、总结
一句话总结:
1、两种引用jquery的方法?
可以在线jquery和本地jquery两种
2、jquery主要好处?
浏览器兼容问题
二、js进阶 10-1 JQuery是什么
1、相关知识点:JQuery概述
1.JQuery简介
- JQuery是一个JavaScript库。极大地简化了JavaScript编程。
- JQuery拥有强大的选择器支持,支持CSS1-CSS3几乎所有的选择器,以及JQ独创的高级而复杂的选择器。
- 解决了不同浏览器间的兼容问题
- 代码简洁,功能强大,易于理解......
2.JQuery的引入
注:jquery1.x版本支持IE 6/7/8;jquery-2.x以上版本不再支持IE 6/7/8
目前最新版本为jquery-3.1.1(最新),大家可以随时关注官网最新版本的动态,对于初学者来说,看教程的时候,你看以前版本的教程书籍依然有用,很对新版本增加的功能对于初学者未必用得上,另你掌握了一个版本的用法之后,即使版本后续有更新,只要关注更新部分即可,不会对学习造成太大的困扰.......
JQuery各版本下载地址
- 官网下载到本地引入
- 百度压缩版本引用地址1:
http://libs.baidu.com/jquery/2.0.0/jquery.min.js - 百度压缩版本引用地址2:
https://code.jquery.com/jquery-3.1.1.min.js
.....
3.JQuery的语法
基础语法是:$(selector).action()
- 美元符号定义JQuery
- $就是jquery对象
- $是JQuery中选取元素的符号
- $是JQuery中功能函数的前缀(功能函数后边再讲)
- 选择符(selector)"查询"和"查找"HTML元素
- JQuery的action()执行对元素的操作
4.document.ready和window.onload的区别
Jquery中$(document).ready()的作用类似于传统javaScript中的window.onload方法,不过与window.onload方法还是有区别的。
- $(function(){})和$(document).ready(function(){})这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数 Window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
- Window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
- Window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个$(document).ready()可以同时编写多个,并且都可以得到执行
2、代码
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>演示文档</title> 6 <!-- <script type="text/javascript" src="jquery-3.1.1.min.js"></script> --> 7 <!-- <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> --> 8 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 9 <script type="text/javascript"> 10 $(function(){ 11 alert('hello,jQuery!') 12 }) 13 </script> 14 </head> 15 <body> 16 17 </body> 18 </html>
转载于:https://www.cnblogs.com/Renyi-Fan/p/9174771.html
js进阶 10-1 JQuery是什么相关推荐
- js进阶课程 12-9 jquery的事件对象event的方法有哪些?
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
- js进阶 13-5 jquery队列动画如何实现
js进阶 13-5 jquery队列动画如何实现 一.总结 一句话总结:同一个jquery对象,直接写多个animate()就好. 1.什么是队列动画? 比如说先左再下,而不是左下一起走 2.怎么实现 ...
- js进阶 13-6 jquery动画效果相关常用函数有哪些
js进阶 13-6 jquery动画效果相关常用函数有哪些 一.总结 一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...
- js进阶 12-1 jquery的鼠标事件有哪些
js进阶 12-1 jquery的鼠标事件有哪些 一.总结 一句话总结:1+3*2+1+1,其中里面有两组移入移出,一组和click,总结就是click(3个),hover(5个),mousemove ...
- js进阶 11-16 jquery如何查找元素的父亲、祖先和子代、后代
js进阶 11-16 jquery如何查找元素的父亲.祖先和子代.后代 一.总结 一句话总结:过滤或者查找的方法里面可以带参数进行进一步的选择. 1.parent()和parents()方法的区别是什 ...
- js进阶 13-8 jquery如何实现侧边栏
js进阶 13-8 jquery如何实现侧边栏 一.总结 一句话总结:先是把侧边栏设置为left为-100px,隐藏起来,jquery自定义动画animate里面的改变元素的距左边的宽度left,sl ...
- js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法)
js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法) 一.总结 一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...
- js进阶 12-5 jquery中表单事件如何使用
js进阶 12-5 jquery中表单事件如何使用 一.总结 一句话总结:表单事件如何使用:可元素添加事件监听,然后监听元素,和javase里面一样. 1.表单获取焦点和失去焦点事件有哪两组? 注意是 ...
- js进阶 11-15 jquery过滤方法有哪些
js进阶 11-15 jquery过滤方法有哪些 一.总结 一句话总结:jquery方法中的参数一般是什么:选择器.元素或 jQuery 对象. 1.jquery方法中的参数一般是什么? 选择器.元 ...
- js进阶 11-8 jquery如何获取元素相对于父元素的位置
js进阶 11-8 jquery如何获取元素相对于父元素的位置 一.总结 一句话总结:用jquery的position方法,但是使用这个方法的前提是父元素相对定位,子元素绝对定位,否则和offset ...
最新文章
- Amh/Nginx更改网站根目录
- [BizTalk] 短消息处理流程
- 每日程序C语言36-数组中前面各数顺序向后移动m个位置
- Python 进阶_模块 amp; 包
- Ubuntu: ldconfig(解决*.so不是符号连接)
- 【TCP传输数据-键盘录入】
- 如何将markdown转换为wxml
- typedef四用途与两陷阱
- PyTorch学习—14.PyTorch中的学习率调整策略
- flash位图技术研究篇(3):移动缓冲区域
- 如何写一份成功的商业计划书
- BZOJ1579: [Usaco2009 Feb]Revamping Trails 道路升级
- “真功夫”与“花拳绣腿”
- Centos系统各种日志存详解
- elixir 教程_认识Elixir,Laravel编译资产的方式
- 购房,出资款性质如何认定?
- 手把手教程1: 华大单片机HC32F460如何新建工程(ddl库版本)
- Unity技能系统框架(一)技能效果
- 期货限仓包含套保(期货品种限仓)
- 远程桌面连接 出现凭证不工作
热门文章
- 1 1 2 2 3 ...java_java 接收一个键盘输入的整数,计算1-1/2!+1/3!-1/4!.....1/n!
- java 遍历文件夹 性能_Java函数式编程(十一):遍历目录
- mysql单机三实例_Mysql单机多实例
- SfM(Structure from motion,运动恢复结构,从motion中实现3D重建。也就是从时间系列的2D图像中推算3D信息
- SSH免密码登录,搭建Flink standalone集群
- 并发编程----AQS架构
- Just Say It!——DNN在语音识别系统中的应用
- 数值计算详细笔记(三):线性方程组解法
- Elpscrk:功能强大的智能字典生成器
- 使用wireshark对HTTPS解密