本地存储 jQuery入门

本地存储

JQuery入门

jQuery概述

jQuery基本使用

DOMContentLoaded        等DOM主要元素加载完成后就去执行。不需等待外部资源加载完毕后执行。

更推荐使用第一种方式

$(function(){

....

});

jQuery常见API

jQuery选择器

索引号从零开始

1.都是方法，使用要加小括号

2.站在父子兄的角度查找元素

下拉菜单

重点记住：parent()   children()  find()  siblings()   eq()  

排他思想更加简单   ，因为隐式迭代的存在

得到当前元素的索引号$(this).index()

jQuery样式操作

参数是对象形式    添加样式时，如果是复合样式

样式之间用，分隔

如果是复合属性必须采用驼峰命名法（backgroundColar），如果值不是数字，则用引号

 

jQuery效果

参数加[]表示该参数可以省略

  slidedown

slideup

slidetoggle同理

当只写一个函数时，鼠标经过和离开都会触发这个函数

stop()方法要写在动画前面

opacity不透明度

高亮显示案例

动画都有排队问题

记得使用stop()

自定义动画

jQuery属性操作

prop获取元素固有属性

自定义属性通过attr 获取

该方法也可以获取h5自定义属性

date()

把元素当一个变量来看，把数据存放到内存里面

这个方法获取date-index  H5自定义属性  不用写date-   而且返回值为数字型

全选案例分析

第一部分

第二部分

:checked     选择器返回有多少个复选框被选中

jQuery文本属性值（内容文本值）

substr()截取

parents（‘选择器’）查找祖先级元素           返回指定的祖先元素

保留两位小数

jQuery元素操作

添加元素 

jQuery尺寸、操作位置

offset()获取的是对象形式

position()获取的父级定位的相对位置数据；只能获取相对位置的left    top   的数据对象；不能进行修改

scrollTop()被卷去的头部；

可以通过scrollTop()进行赋值操作；

scrollLeft()同理；

scroll滚动事件

动画对象不能是文档而是HTML 和body元素做动画；

animate前面一定是元素

节流阀  互斥锁   flag变量的设置

jQuery事件

jQuery事件注册

单个事件注册弊端，一个元素的多个事件，需要重复书写

jQuery事件处理

事件绑定在父级元素，但触发事件需要自己元素触发事件

                                        触发对象是子级元素

on()方法优势3：

可以给未来动态创建的元素绑定事件

留言发布案例

创建评论

给a添加click事件

利用  on的事件委托

事件解绑

off方法可以移除通过on方法添加的事件处理程序

只触发一次事件的事件处理方法

自动触发事件

jQuery事件对象

jQuery其他方法

jQuery拷贝对象

target被赋值    object  被复制

 多库共存

jQuery插件

图片懒加载

vs里面可以使用ctrl+h快捷键进行替换 

  

bootstrap  js组件

bootstrap  js插件

todolist综合案例