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():自定义动画

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,723评论 18 503
  • 为甚嚒要学习jQuery? 因为JS中有很多痛点: window.onload事件只能出现一次,如果出现多次,后面...
    magic_pill阅读 857评论 0 13
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,536评论 0 44
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,422评论 0 2
  • 这周我又读了张爱玲女士的一部小说《倾城之恋》,其实这是一部小说集,里面包含着许多著名小说如《金锁记》,《茉莉...
    1704项楚阅读 305评论 0 2