jQuery

JQuery: JavaStript的库 （函数库）库是封装代码 而框架一般是扩展代码 前端的框架：angularJS reactJS vueJSJQuery诞生于2006年 2010年之后JQuery 在网站的占比有80%以上

============================================

JQuery的版 有三个分支：1.x 2.x 3.x

2.x的更新是取消了IE的兼容其他的没什么变化

3.x的更新 针对移动端做了很大的优化 （主要是动画效果）

=================================

JQuery的优点：

1、提供了强大的选择器，使得我们能够快速 高效的获取DOM元素

2、提供了大量好用的方法，方便我们进行DOM操作

3、对于事件的处理

4、提供丰富的动画效果

5、对应ajax进行封装

=========================================

使用JQuery:

1、下载JQuery:前往官网下载 jQuery.com

2、script引入进来

==============================================

JQuery 的作用：（操作页面）

1、封装重复调用的代码

2、解决一些IE浏览器的兼容性JQuery代码一般写在ready函数中=======================================

JQuery的raady 和 window.onload事件的区别：JQuery的raady会在DOM加载完成后自动触发window.onload需要外部资源加载完成才能触发

=============================================

$(function(){alert(“内容”)})

JQuery的选择器：

基本选择器：层级选择器、过滤选择器；

odd:奇数even:偶数hasClass：判断是否有这么类removeClass：移除这个类addClass：添加类toggle:如果有这个类就去掉 如果没有就加上 find 和filter的区别：find会在子元素里面查找filter会在同级的元素里面查找children():如果传参数就查找相对的元素，如果不传参数表示相对于所有的子节点next:表示下一个兄弟节点nextall:表示本元素之后的所有的兄弟节点prev():表示选择之前的兄弟节点prevAll():表示之前的所有的兄弟节点siblings():表示除了自己之外的所有的兄弟节点parent():表示选择自身的唯一父级元素parents():表示选择所有的父级元素

======================================================

DOM操作：jQuery对象转化为JavaScript对象使用数组下表的方式就可以完成转换将javascript对象转换为jQuery对象只需要在javascript对象前面加上$符号就行了var $div = $("

");$div.attr("title","嘿嘿")；$div.html("这个是内容")；===$(".show").apend("

这个是内容

");$(".show").apend($div)    #apend表示向末尾追加一个子元素 apend （）和apendTo();表示在末尾添加一个子元素prepend() 和 prependTo():表示在最前面追加一个元素before():在之前增加一个平级别的元素after():在之后增加一个同级别的元素$().insertAfter():"表示将第一个元素挪动到第二个的后面$().inserbefore():表示将第二个元素挪动到第一个的前面 如果元素存在则替换 如果元素不存在则会新建元素添加empty():清空选择标签下的所有的子元素remove():连同父级一起清除

=======================================

jQuery动画效果：动画的方法是可以传递参数的（slow normal fast）          当参数是数字的时候，该参数就是动画需要执行的毫秒数 hide():消失 动画效果：缩放 加 透明度show():出现 动画效果：扩大 加 透明度toggle():显示则消失 消失则显示    是上面两种方法的集合fadeIn()：透明度消失fadeOut():透明度出来fadeToggle(): 上面两种方法的集合slideUp():卷帘上去slideDown():卷帘下来slideToggle():是上面两种方法的集合animate():自定义动画