JavaScript
关注
分享
扫一扫
无你处、无江湖
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js表单的校验
2. 完成完成表单的校验 2.1 需求分析 昨天我们做了一个简单的表单校验，每当用户输入出错的时候，我们是弹出了一个对话框，提示用户去修改。这样的用户体验效果非常不好好。我们今天就是需要来对他进行一个修改，当用户输入信息有问题的时候，我们就再输入框的后面给他一个友好提示。 2.2 技术分析 【HTML中innerHTML属性】 【JS中的常用事件】 onfocus 事件: 获得焦点事件 onb...原创 2019-08-20 10:13:54 · 202 阅读 · 0 评论 -
使用JQ完成下拉列表左右选择
使用JQ完成下拉列表左右选择 需求分析 我们的商品通常包含已经有了的, 还有没有的,现在我们需要有一个页面用于动态编辑这些商品 技术分析 步骤分析 1. 导入JQ的文件 2. 文档加载函数 :页面初始化 3.确定事件 : 点击事件 onclick 4. 事件触发函数 1. 移动被选中的那一项到右边 代码实现 <!DOCTYPE html> <html> <head...原创 2019-08-22 12:12:50 · 212 阅读 · 0 评论 -
使用JQ完成省市联动效果
使用JQ完成省市联动效果 需求分析: 在我们的注册表单中,通常我们需要知道用户的籍贯,需要一个给用选择的项,当用户选中了省份之后,列出省下面所有的城市 技术分析: 准备工作 : 城市信息的数据 添加节点 : appendChild (JS) append : 添加子元素到末尾 appendTo : 给自己找一个爹,将自己添加到别人家里 prepend : 在子元素前面添加 a...原创 2019-08-22 12:00:14 · 241 阅读 · 0 评论 -
使用JQuery完成表单的全选全不选功能
使用JQuery完成表单的全选全不选功能 需求分析 在我们对表格处理的时,有些情况下,我们需要对表格进行批量处理, 技术分析: 导入JQ的包 文档加载完成函数: 页面初始化 获得所有的行 : 元素选择器 根据行号奇数/偶数去修改颜色 代码实现: <!DOCTYPE html> <html> <head> <meta charset="UT...原创 2019-08-21 22:39:04 · 408 阅读 · 0 评论 -
使用JQ完成表格的隔行换色
使用JQ完成表格的隔行换色 需求分析: 在我们的实际开发过程中,我们的表格如果所有的行都是一样的话,很容易看花眼,所以我们需要让我们的表格隔行换色 技术分析: 获取所有行 table.rows 遍历所有行 根据行号去修改每一行的背景颜色: bgColor style.backgroundColor = “red” 步骤分析: 导入JQ的包 文档加载完成函数: 页面初始化 获得所有的行 : ...原创 2019-08-21 22:27:52 · 303 阅读 · 0 评论 -
JQuery中的选择器
JQuery中的选择器 让我们能够更加精确找到我们要操作的元素 基本选择器 ID选择器 : #ID的名称 类选择器: 以 . 开头 .类名 元素选择器: 标签的名称 通配符选择器: * 选择器,选择器: 选择器1,选择器2 基本选择器的案例 <!DOCTYPE html> <html> <head> <meta ch...原创 2019-08-21 22:08:02 · 101 阅读 · 0 评论 -
使用JQuery完成页面定时弹出广告
使用JQuery完成页面定时弹出广告 1.1 需求分析： 当用户打开界面，3秒钟之后弹出广告，这个广告显示5秒钟，隐藏广告 1.2 技术分析 定时器: setTimeout 显示和隐藏: style.display = “block/none” 什么JQuery: jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或Java...原创 2019-08-21 17:05:26 · 889 阅读 · 0 评论 -
使用JS控制下拉列表左右选择
6. 使用JS控制下拉列表左右选择 6.1 需求分析: 在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品 6.2 步骤分析: 选中已有商品中的东西，点击下面移过去，或者双击左边商品就能移过去，或者点击“>>>”全部移过去 6.3 代码实现 <!DOCTYPE html&...原创 2019-08-20 14:00:27 · 373 阅读 · 0 评论 -
js省市联动效果
5. 省市联动效果 5.1 需求分析 5.2 技术分析 什么是DOM: Document Object Model : 管理我们的文档 增删改查规则 【HTML中的DOM操作】 一些常用的 HTML DOM 方法： getElementById(id) - 获取带有指定 id 的节点（元素） appendChild(node) - 插入新的子节点（元素） removeChild...原创 2019-08-20 13:16:04 · 152 阅读 · 0 评论 -
js复选框的全选和全不选
4. 复选框的全选和全不选 4.1 需求分析 商品分类界面中，当我们点击全选框的时候，我们希望选中所有的商品，当我们取消掉的时候，我们希望不选中所有的商品 4.2 技术分析 事件 : onclick点击事件 4.3 步骤分析 全选和全不选步骤分析: 1.确定事件: onclick 单机事件 2.事件触发函数: checkAll() 3.函数要去做一些事情: 获得当前第一个checkbox的...原创 2019-08-20 12:50:44 · 265 阅读 · 0 评论 -
js表格隔行换色
3.表格隔行换色 3.1 需求分析 我们商品分类的信息太多，如果每一行都显示同一个颜色的话会让人看的眼花，为了提高用户体验，减少用户看错的情况，需要对表格进行隔行换色 3.2 技术分析 改变行的颜色 3.3 步骤分析 确定事件: 文档加载完成 onload 2. 事件要触发函数: init() 3. 函数:操作页面的元素 要操作表格中每一行 动态的修改行的背景颜色 3.4 代码实现 ``...原创 2019-08-20 12:43:37 · 367 阅读 · 0 评论 -
### JQ实现表单校验案例
JQ实现表单校验案例 技术分析 trigger : 触发事件,但是会执行类似浏览将光标移到输入框内的这种浏览器默认行为 triggerHandler : 仅仅只会触发事件所对应的函数 is() 步骤分析 首先给必填项,添加尾部添加一个小红点 获取用户输入的信息,做相应的校验 事件: 获得焦点, 失去焦点, 按键抬起 表单提交的事件 代码实现 style.css body { font:...原创 2019-08-22 17:46:43 · 257 阅读 · 0 评论