09.07 jQuery 随意整理
IE 兼容版本的写法
<!--[if gt IE 8]> <!-->
<script src="../jquery-3.2.1.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]>
<script src="../jquery-1.12.4.min.js"></script>
<![endif]-->
# jQuery 基础
### ready 事件
* 用法
$(document).ready(function(){
})
//简写
$(function(){
})
* 与onload的区别
* onload 事件 等到页面的一切加载完毕,才能触发
* ready事件等页面中所有的dom加载完毕,就能触发
### jquery dom 和 原生 dom
* 通过$() 获取的对象,是jquery dom
* jquery dom 本质上是由 原生dom 组成的集合,通过取下标就可以获取原生dom
* $()方法可以把 原生dom 变为 jquery dom `$(document)`
### jquery 中绑定事件
# jquery 选择器
### 基本选择器
* #ID
* .className
* tagName
* *
* selecter,selecter
### 层级选择器
* selecter seclter
* selecter>selecter
* selecter+selecter
* selecter~selecter
### 过滤选择器
* :first
* :last
* :eq(index)
* :lt(index)
* :gt(index)
* :odd 奇数
* :even 偶数
* :not(selecter) 排除
* :lang()
* :header 所有的标题标签(hn)
* :root
* :target
### 内容选择器
* :contains(text)
* empty
* parent
* has(seelcter)
### 可见性选择器
* :hidden
* :visible
### 属性选择器
* [attrName]
* [attrName=value]
* [attrName!=value]
* [attrName^=value]
* [attrName$=value]
* [attrName*=value]
### 子元素选择器
* :first-child
* :last-child
* :nth-child()
* :nth-last-child()
* :only-child
* :first-of-type
* :last-of-type
* :nth-of-type()
* :nth-last-of-type()
* :only-of-type
### 表单选择器
* :input 所有的表单控件(input\select\textarea)
* :text
* :radio
* :checkbox
* :password
* :image
* :submit
* :reset
* :button
* :file
### 表单对象选择器
* :diabled
* :enable
* :checked
* :selected
# 筛选
### 过滤
* .eq(index)
* .first()
* .last()
* not(selcter)
* filter(selecter)
* has(selecter)
* slice(start, end)
* is(selecter) true/false
* hasClass(className) /true/false
* map(fn)
### 查找
* find(selcter) 后代元素
* children(selcter) 子元素
* parent() 父元素
* parents(selcter) 所有的祖先元素
* parentsUntil(selecter) 所有祖先素直到
* closest(selecter) 从自身和祖先元素中 找到第一个满足条件
* next()
* nextAll()
* nextUntil()
* prev()
* prevAll()
* prevUntil()
* siblings() 所有的兄弟元素
### 串联
09/08
### 串联
* add(selcter) 把选中的元素加入到当前集合
* addBack() 把最近的堆栈中元素加入当前集合
* end() 返回最近一次破坏性操作之前的元素
* contents() 所有子节点的集合(不是jquery dom)
# 属性操作
### 属性操作的方法
* prop(attr [,val]) 只能操作内置属性
* attr(attr [,va]) 操作自定义属性
* remvoeAttr(attr) 移除属性
### class操作
* addClass() 添加一个类
* removeClass() 移除一个类
* toggleClass() 切换
* hasClass() 判断一个类
### HTML代码/文本/值
* html([val])
* text([val])
* val([val])
# CSS
### css方法
* css()
### 位置
* offset()
* postion()
* scrollLeft([val])
* scrollTop([val])
### 尺寸
* width() / height()
* innerWidth() / innerHeight()
* outerWidth() / outerHeight()
# 文档处理(添加删除元素)
### 内部插入
* append()
* appendTo()
* prepend()
* prependTo()
### 外部插入
* after()
* insertAfter()
* before()
* insertBefore()
### 包裹
* wrap()
* wrapAll()
* wrapInner()
* unwrap()
### 替换
* replaceWith()
* replaceAll()
### 删除元素
* empty() 清空
* remove() 删除(自己)
* detach() 删除
### 克隆
* clone()
# 事件
### ready
### 事件绑定方式
* 事件(fn)
* bind("事件", fn) 指定对象 同时绑定多个事件
* on("事件", fn)
* one("事件", fn)
### 事件解除绑定
* unbind()
* off()
### 事件委派
* on(事件, 选择器, fn)
* delegate(选择器, 事件, fn)
* undelegate(选择器)
### 自动触发事件
* trigger()
* triggerHandler()
### jQuery 事件
* hover
* mouseenter
* mouseleave
* focusin
* focusout
### 事件对象
09.11
# 效果
### 基本 (width/height/opacity)
* show()
* hide()
* toggle()
### 滑动滑出 (height)
* slideUp() 隐藏
* slideDown() 显示
* slideToggle()
### 淡入淡出
* fadeOut() 隐藏
* fadeIn() 显示
* fadeToggle()
* fadeTo()
### 自定义动画 * animate(params, speed, easing, fn) ### 动画操作 * stop() * finish() * delay() 延迟 # 工具 ### 浏览器 * $.support ### 对象和属性操作 * $.each() * $.extend() # 核心 ### jQueryDOM 方法 * each() * size() * length
转载于:https://www.cnblogs.com/lwwnuo/p/7489790.html
09.07 jQuery 随意整理相关推荐
- php 评论插件,Typecho评论增强插件:TeComment(2017.09.07更新)
TeComment(2017.09.07更新) Typecho 评论增强插件,可为Typecho评论增加评论工具栏.实现评论列表异步加载以及Ajax提交评论功能 插件地址:TeComment 1.安装 ...
- 2019.07.30 学习整理
2019.07.30 学习整理 数据类型 1. 什么是数据类型 数据类型指的就是变量值的不同类型 2. 为何对数据分类? 变量的是用来反映状态以及状态变化的,毫无疑问针对不同的状态就应该用不同类型的数 ...
- 常用JQuery插件整理 1
常用JQuery插件整理 虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来. UI: jquery ...
- 电大计算机网考怎么过,史上最牛--电大计算机网考小抄(考试必备)--2016.09.08【呕心沥血整理、电大考试必过】.doc...
史上最牛--电大计算机网考小抄(考试必备)--2016.09.08[呕心沥血整理.电大考试必过] 计算机网考Windows操作系统及其应用-选择题B A.Ctrl + Alt B.Ctrl + Shi ...
- 常用JQuery插件整理
虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来. UI: jquery.HooRay(哈哈,自己 ...
- JSONP跨域jQuery处理整理(附天气数据实例)
写在前面 跨域的解决方案有多种,其中最常见的是使用同一服务器下的代理来获取远端数据,再通过ajax进行读取,而在这期间经过了两次请求过程,使得获取数据的效率大大降低,这篇文章蓝飞就为大家介绍一下解决跨 ...
- jQuery选择器整理
最使用近工作中常用到jQuery,在过滤器的使用方面生疏,所以本文整理了些有关知识点,以便于自己查找方便,或为朋友们提供方便! 一.基本选择器 $("#test") 选取id为te ...
- JQuery知识点整理
本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助 ...
- JavaScript 随意整理2
08.29 # 全局对象 * escape/unescape() 对特殊字符编码/解码 * encodeURI / decodeURL 对url进行编码/解码 * encodeURICo ...
最新文章
- 中方控股的Arm合资公司开始运营,还要在国内IPO
- 百度智能小程序开源联盟正式成立 小程序开发创业又一新风向标
- 买走5355.5万张床垫的年轻人,实现“深睡自由”了吗?
- Val编程-特殊函数使用
- NS3使用过程中重要内容整理
- bert 中文 代码 谷歌_ELECTRA中文预训练模型开源,110个参数,性能媲美BERT
- Java编程的逻辑 (43) - 剖析TreeMap
- 在docker container中为gsutil认证gcloud
- pascal编游戏攻略
- 2020网络安全NISP一级题库
- 计算流体力学漫谈-1 (可压缩向)
- 陀螺仪传感器维特智能WT901JY901九轴传感器受金属干扰的解决方法。九轴陀螺仪、九轴传感器、磁场计、姿态感应器
- V-REP仿真简介与用户界面 | Introduction to V-REP simulation and user interface
- 图像放大算法介绍(转载)
- 使用jquery实现图形点击文字按顺序验证码案例及代码完整版
- XXL-JOB(2)-使用
- 汤晓丹的第四版计算机操作系统--第二章总结概述
- 虚拟机内kali走主机代理
- 求职-在线测评-图形找规律
- 宏碁(Acer)商祺SQX4270 140N加固态硬盘,加内存
热门文章
- htmlcss实例小项目_小程序websocket心跳库——websocket-heartbeat-miniprogram
- 台达n2系列变频器_台达变频器C2000系列在Profibus网络中的应用
- mysql存储过程触发器游标_MySQL存储过程,触发器,游标
- Vue3 Composition API(三)——生命周期钩子、Provide函数 和 Inject函数、封装Hook案例、setup顶层编写方式
- LeetCode 2212. 射箭比赛中的最大得分(状态枚举)
- 天池 在线编程 中位数
- LeetCode 813. 最大平均值和的分组(DP)
- 潜在狄利克雷分配(Latent Dirichlet Allocation,LDA)
- LintCode 390. 找峰值 II
- LeetCode 71. 简化路径(栈)