首页 前端知识 本地存储 jQuery入门

本地存储 jQuery入门

2024-04-29 12:04:30 前端知识 前端哥 628 389 我要收藏

本地存储

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综合案例

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6531.html
标签
评论
发布的文章

前端-axios应用在html文件

2024-08-15 23:08:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!