jQuery的概述

JavaScript库

JQuery - 图1

jQuery的概念

JQuery - 图2

jQuery优点

JQuery - 图3

jQuery的基本使用

  1. 引入jQuery文件
  2. 使用即可

    jQuery的入口函数

    JQuery - 图4

    jQuery的顶级对象$

    JQuery - 图5

    jQuery对象和DOM对象

    JQuery - 图6
    JQuery - 图7
    JQuery - 图8
    JQuery - 图9

    jQuery常用API

    jQuery选择器

    JQuery - 图10

    jQuery层级选择器

    JQuery - 图11

    jQuery设置样式

    JQuery - 图12

    隐式迭代(重要)

    JQuery - 图13

    jQuery筛选选择器

    JQuery - 图14

    jQuery筛选方法(重点)

    JQuery - 图15

jQuery里面的排他思想

JQuery - 图16
jQuery得到当前索引号$(this).index()

jQuery样式操作

操作css方法

JQuery - 图17
如果是符合属性则必须采用驼峰命名法,如果不是数字则需要加引号

设置类样式方法

JQuery - 图18

类操作和className的区别

JQuery - 图19

jQuery效果

JQuery - 图20

显示隐藏效果

JQuery - 图21
JQuery - 图22
JQuery - 图23

滑动效果

JQuery - 图24
JQuery - 图25
JQuery - 图26

事件切换

JQuery - 图27
JQuery - 图28

动画队列及其停止排队方法

JQuery - 图29

stop()方法必须写到动画的前面

淡入淡出效果

JQuery - 图30
JQuery - 图31
JQuery - 图32
JQuery - 图33

自定义动画animate

JQuery - 图34

jQuery属性操作

设置或获取元素的固定属性prop()

JQuery - 图35

设置或获取元素自定义属性值attr()

JQuery - 图36

数据缓存data()

JQuery - 图37
JQuery - 图38

jQuery内容文本值

image.png
parents(””)返回指定的祖先元素
toFixed(2)保留2位小数

jQuery元素操作

遍历元素

image.png
image.png
image.png

创建元素

image.png

添加元素

image.png
image.png

删除元素

image.png
image.png

jquery事件

jQuery事件注册

image.png

事件处理on()绑定事件

image.png
image.png
image.png
image.png
image.png

事件处理off()解绑事件

image.png
image.png

自动触发事件tigger()

image.png
image.png
image.png

jQuery事件对象

image.png

jQuery的其他方法

jQuery拷贝对象

image.png

jQuery多库共存

image.png
image.png

jQuery插件

image.png
image.png

jQuery尺寸、位置操作

image.png
image.png

image.png