首先,我们应该了解Query的来历:
jQuery由美国人John Resig于2006年初创建,至今已吸引了来自世界各地的众多javascript高手加入其team。
jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需使用选择器查找即可。
其次 我们需要知道jQuery的发展历史:
2006 年 8 月发布了 jQuery1.0,第一个稳定版本,具有对 CSS 选择符、事件处理和 Ajax 交互的支持
2013 年 1 月发布了 jQuery1.9,CSS 的多属性设置,增强了 CSS3。 2013 年 5 月发布了 jQuery1.10,增加了一些功能。
2013 年 4 月发布了 jQuery2.0,5 月发布了 jQuery2.0.2,一个重大更新版本,不再支持 IE6/7/8,体积更小,速度更快。
而目前的最新版本为:jquery-3.5.1
最后,我们要了解的是jQuery的特点;
轻量级:经GZip压缩后传输的代码文件仅14KB,未经压缩传送的代码文件仅26KB
链式语法 :$("p.surprise").addClass("ohmy").show("slow");
CSS 1-3 选择器:支持CSS选择器选定DOM对象
跨浏览器:支持Internet Explorer 6+、Opera 9+、Firefox 1.5+、Safari 2+
简单:较其它JS库更容易入门,中、英文档很齐全
易扩展: JQuery UI 、 JQuery FX –已经有很完善的基于JQuery的用户界面库 和网页特效库
“写的更少,做的更多” 的轻量级 JavaScript 库。这就是jQuery产生的原因。
下面是我学习jQuery时的总结的一些知识点,仅供大家参考:
1. jQuery的入口函数与onload :
入口函数有两种方式 $(function(){}) 以及$(document).ready(function(){}) 它的特点就是可以重复执行多次,且文档加载完就执行。
onload 的方式为window.οnlοad=function(){} 它的特点就是 会覆盖前面的onload,且得等到页面所有内容加载完毕后再执行,慢于入口函数。
2.js对象和jq对象的转换:
js->jq $("js对象")
jq->js $("")[下标] 或者 $("").get(下标)。
3.jQuery的显示与隐藏方法:
show() 显示;hide()隐藏;toggle()切换显示与隐藏;slideToggle()滑动切换显示与隐藏;fadeToggle()淡入淡出;fadeIn()淡入;fadeOut()淡出;fadeTo()设置透明度;fadeIn(speed,fn)speed为 执行速度 fn 为完毕后的回调函数
4.jQuery获取设置css的值:
.css(name) 获取css属性值;
.css(name,value) 设置css的属性值;
.css({name1:value1,name2:value2}) 设置多个css属性值
5. attr 设置获取节点属性值:
.attr(name) 获取节点属性值;
.attr(name,value) 设置节点属性名;
.arrt({name1:value1,name2:value2}设置多个结点属性值。
6.prop 设置过去节点的属性值:
.prop(name) 获取节点属性值;
.prop(name,value) 设置节点属性名;
.prop({name1:value1,name2:value2} 设置多个结点属性值。
7.prop和attr区别:
a .attr 是获取节点的初始属性值
prop是获取节点的动态值;
b .attr设置的属性值在dom节点是可见的
prop设置的表单属性值在dom节点上是不可见的。
8.jQuery动画 :
stop(true,true) 1.停止队列动画 2.回到动画的最终状态。
9.jQuery事件:
click()单击 ready() 准备完毕 hover()鼠标移入移出。
10.jQuery文本与值:
text()设置或获取文本
html()设置获取html
val()设置获取表单的值
11.jQuery类的操作:
addClass()添加类;
removeCLass()移除类;
toggleClass()切换类。
12.jQuery选择器:
a: 基本选择器
*全部
tag 标签
. 类
# id
, 分组
b: 层次选择器
空格 后代
> 直接子元素
+ 相邻
~ 后边的所有兄的
c: 基本过滤选择器:
:first 第一个
:last 最后一个
:eq(n) 第n个
:lt(n) 大于n个
:odd() 奇数
:even() 偶数
:header 标题
:animated 动画
d:内容过滤选择器
:contans(txt) 包含
:empty 空
:has()有
:parent 父节点
e: 可见过滤
:visible 显示的
:hidden 隐藏的
以上就是我到目前为止学习到的一些jQuery的知识,希望对大家能有一些帮助。谢谢!