jquery
小草dym
这个作者很懒,什么都没留下…
展开
-
jQuery 尺寸、位置操作——jQuery被卷去的头部(带有动画的返回顶部)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>...原创 2020-11-29 22:45:27 · 702 阅读 · 0 评论 -
jQuery 属性操作——案例:购物车案例模块
案例:购物车案例模块-全选原创 2020-11-29 22:17:10 · 1388 阅读 · 0 评论 -
jQuery 元素操作——创建、添加、删除元素操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti...原创 2020-11-29 21:43:42 · 235 阅读 · 1 评论 -
jQuery 元素操作——遍历元素
jQuery 元素操作主要是遍历、创建、添加、删除元素操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con原创 2020-11-29 03:08:32 · 534 阅读 · 1 评论 -
jQuery 内容文本值|| 案例:购物车案例模块-增减商品数量 || 案例:购物车案例模块-修改商品小计
jQuery 内容文本值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-11-29 02:52:21 · 420 阅读 · 0 评论 -
jQuery 属性操作
jQuery 属性操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-11-29 01:15:52 · 138 阅读 · 0 评论 -
自定义动画 animate || 案例:王者荣耀手风琴效果分析
自定义动画 animate<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-11-28 23:57:41 · 295 阅读 · 0 评论 -
淡入淡出效果 || 高亮显示案例
淡入淡出效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2020-11-28 23:38:52 · 255 阅读 · 0 评论 -
jQuery 效果——动画队列及其停止排队方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>...原创 2020-11-28 23:22:21 · 299 阅读 · 0 评论 -
jQuery 效果——显示隐藏/滑动/淡入淡出/自定义动画||事件切换——简洁版滑动下拉菜单
jQuery 效果显示隐藏效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed.原创 2020-11-27 12:34:33 · 255 阅读 · 1 评论 -
jQuery 样式操作之案例:tab 栏切换|| 类操作与className区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title...原创 2020-11-27 12:05:38 · 122 阅读 · 0 评论 -
jQuery 样式操作||操作 css 方法/设置类样式方法
操作 css 方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &原创 2020-11-27 11:43:01 · 122 阅读 · 0 评论 -
jQuery 选择器 之 案例:淘宝服饰精品案例
案例:淘宝服饰精品案例①核心原理:鼠标经过左侧盒子某个小li,就让内容区盒子相对应图片显示,其余的图片隐藏。②需要得到当前小li 的索引号,就可以显示对应索引号的图片③jQuery 得到当前元素索引号 $(this).index() ④中间对应的图片,可以通过 eq(index) 方法去选择⑤显示元素 show() 隐藏元素 hide()<!DOCTYPE html><html><head lang="en"> <me...原创 2020-11-27 10:36:04 · 708 阅读 · 0 评论 -
jQuery 里面的排他思想
jQuery 里面的排他思想<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">.原创 2020-11-27 10:06:08 · 389 阅读 · 0 评论 -
jQuery 筛选选择器 | 筛选方法
jQuery 筛选选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-11-27 09:50:19 · 530 阅读 · 0 评论 -
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器jQuery 层级选择器隐式迭代(重要)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati.原创 2020-11-26 19:23:26 · 115 阅读 · 0 评论 -
jQuery 对象和 DOM 对象
原创 2020-11-26 18:59:31 · 74 阅读 · 0 评论 -
jQuery的基本使用
jQuery 的入口函数jQuery 的顶级对象 $原创 2020-11-26 18:38:18 · 97 阅读 · 0 评论 -
动画
动画 三种方式显示和隐藏元素 默认显示和隐藏方式 滑动显示和隐藏方式 淡入淡出显示和隐藏方式 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数: 1. speed...原创 2020-02-26 15:39:40 · 374 阅读 · 0 评论 -
隔行换色案例||全选和全不选||QQ表情选择||多选下拉列表左右移动
01.隔行换色.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> &l...原创 2020-02-26 15:18:37 · 223 阅读 · 0 评论 -
DOM操作之CRUD操作
CRUD操作: 1. append():父元素将子元素追加到末尾 * 对象1.append(对象2): 将对象2添加到对象1元素内部,并且在末尾 2. prepend():父元素将子元素追加到开头 * 对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头 3. appendTo()...原创 2020-02-26 14:49:22 · 305 阅读 · 0 评论 -
DOM操作
1. 内容操作 1. html(): 获取/设置元素的标签体内容 <a><font>内容</font></a> --> <font>内容</font> 2. text(): 获取/设置元素的标签体纯文本内容 <a><font>内容</font>...原创 2020-02-26 14:26:35 · 162 阅读 · 0 评论 -
jq选择器||基本选择器 层级选择器 属性选择器 过滤选择器 表单过滤选择器
基本选择器层级选择器属性选择器过滤选择器表单过滤选择器1. 基本选择器 1. 标签选择器(元素选择器) * 语法: $("html标签名") 获得所有匹配标签名称的元素 2. id选择器 * 语法: $("#id的属性值") 获得与指定id属性值匹配的元素 ...原创 2020-02-26 12:45:38 · 202 阅读 · 0 评论 -
JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制
JQuery对象和JS对象区别与转换 1. JQuery对象在操作时,更加方便。 2. JQuery对象和js对象方法不通用的. 3. 两者相互转换 * jq -- > js : jq对象[索引] 或者 jq对象.get(索引) * js -- > jq : $(js对象)03-JQuery对象和js对象的转换.html...原创 2020-02-25 19:58:19 · 151 阅读 · 0 评论 -
JQuery 基础 || 目前 jQuery 有三个大版本||JQuery快速入门
1. 概念: 一个JavaScript框架。简化JS开发jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设...原创 2020-02-25 17:27:01 · 563 阅读 · 0 评论