JQuery
关注
分享
扫一扫
mqingo
java开发。
展开
-
JQuery入门
JQuery的入门.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>01JQuery的入门</title> <!-- 1.什么是JQuery: jQuery是一个快速、简洁的JavaScript框架原创 2018-11-18 22:18:25 · 923 阅读 · 0 评论 -
JQuery中的商品左右选择
步骤分析: 1. 导入JQ的文件 2. 文档加载函数 :页面初始化 3.确定事件 : 点击事件 onclick 4. 事件触发函数 1. 移动被选中的那一项到右边 01JQuery中的商品左右选择.html<!DO...原创 2018-11-25 20:55:31 · 578 阅读 · 0 评论 -
JQuery表格全选和不选
01JQuery表格全选和不选.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>01表格全选和不选</title> <script type="text/javascript" src=&q原创 2018-11-20 12:48:19 · 511 阅读 · 0 评论 -
JQuery中的省市联动
需求分析:在我们的注册表单中,通常我们需要知道用户的籍贯,需要一个给用选择的项,当用户选中了省份之后,列出省下面所有的城市.技术分析:1. 准备工作 : 城市信息的数据2. 添加节点 : appendChild (JS) 1. append : 添加子元素到末尾 2. appendTo : 给自己找一个爹,将自己添加到别人家里 3. prepend :...原创 2018-11-23 09:20:51 · 209 阅读 · 0 评论 -
JQuery中的遍历
01JQuery中的遍历.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>02JQuery中的遍历</title> <!-- 导入JQ文件 --> <script type=&q原创 2018-11-23 09:18:34 · 149 阅读 · 0 评论 -
JQuery中的DOM操作
01JQuery中的DOM操作.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>01JQuery中的DOM操作</title> <!-- 描述： 内部插入:原创 2018-11-23 09:17:06 · 140 阅读 · 1 评论 -
JQuery表格的隔行换色
01JQuery表格的隔行换色.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>01表格的隔行换色</title> <script type="text/javascript" src=&q原创 2018-11-20 09:16:26 · 222 阅读 · 0 评论 -
回顾JQuery(一)
1.什么是JQ: write less , do more: 写更少的代码,做更多的事 javascript函数库2. 1.11版本3.定时器:同css中的定时器4.动画效果: show : 显示 hide : 隐藏 slideDown: slideUp: 向上滑动 fadeIn fadeOut...原创 2018-11-19 23:13:31 · 135 阅读 · 0 评论 -
JQuery选择器-----表单选择器
01JQuery选择器中的表单选择器.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>05JQuery中的表单选择器</title> <script type="text/javascri原创 2018-11-19 22:42:29 · 756 阅读 · 0 评论 -
JQuery选择器-----属性选择器
01JQuery选择器中的属性选择器.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>04JQuery中的属性选择器</title> <script type="text/javascri原创 2018-11-19 22:40:24 · 2556 阅读 · 0 评论 -
JQuery选择器-----基本过滤器
选择器:first 01JQuery选择器中的基本过滤器.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>03JQuery中的基本过滤器</title> <link rel="styleshee原创 2018-11-19 22:38:26 · 1256 阅读 · 0 评论 -
JQuery选择器----层级选择器
层级选择器: -- 子元素选择器: 选择器1 > 选择器2 - 后代选择器: 选择器1 儿孙 - 相邻兄弟选择器 : 选择器1 + 选择器2 : 找出紧挨着的一个弟弟 - 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟01JQuery中的层级选择器.html<...原创 2018-11-19 22:35:01 · 858 阅读 · 0 评论 -
JQuery选择器----基本选择器
基本选择器: - ID选择器 : #ID的名称 - 类选择器: 以 . 开头 .类名 - 元素选择器: 标签的名称 - 通配符选择器: * - 选择器,选择器: 选择器1,选择器201JQuery基本选择器.html<!DOCTYP...原创 2018-11-19 13:20:10 · 942 阅读 · 0 评论 -
JQuery网页定时弹出广告
01JQuery定时弹出广告.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>01定时弹出广告</title> <!-- 描述： ####步骤分析： 1. 导入JQ的原创 2018-11-19 13:17:19 · 1130 阅读 · 0 评论 -
JQuery中的动画效果
show()hide()slideUpslideDownfadeInfadeOutanimate : 自定义动画 JQuery中的动画效果.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>04JQuery中的动画效果<..原创 2018-11-19 11:27:30 · 942 阅读 · 2 评论 -
JQuery与JavaScript的转换
JQuery与JavaScript的转换.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>03JQ与JS的转换</title> <!-- 描述： 注:id必须唯一原创 2018-11-18 22:41:22 · 1268 阅读 · 0 评论 -
JQuery查找元素
JQ查找元素.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>02JQuery查找元素</title> <script type="text/javascript" src="..原创 2018-11-18 22:39:18 · 734 阅读 · 0 评论 -
回顾JQuery(二)
什么JQ : write less do more 写更少的代码,做更多的事情 javascript函数库基本选择器: ID选择器: #ID名称 类选择器: .类名 元素选择器: 元素的名称 通配符选择器: * 找出页面上所有元素 选择器分组: 选择器1,选择器2 [选择器1 , 选择器2] 层级选择器: ...原创 2018-11-25 20:59:55 · 123 阅读 · 0 评论