Javascript、JQuery练习
关注
分享
扫一扫
Javascript、JQuery练习
一只极度渴望成长的Giser
我想好了，这辈子就做gis了
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
注册按钮倒计时(setinterval)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:46 · 254 阅读 · 0 评论 -
用另一种动态创建表格的方法实现无评论刷新(insertRow(-1)-insertCell(-1))
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:24 · 266 阅读 · 0 评论 -
显示当前系统时间(new date()..getHours())
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:45:05 · 3637 阅读 · 0 评论 -
无刷新评论(动态表格)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:56 · 124 阅读 · 0 评论 -
清空层中的子元素(removeChild())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:42 · 1127 阅读 · 0 评论 -
另一种删除层中元素的方法(innerHTML赋值为空字符串)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:44:33 · 645 阅读 · 0 评论 -
另一种动态创建表格的方法（insertRow(-1)-insertCell()）
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:24 · 694 阅读 · 0 评论 -
加法计算器(parseInt())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:44:16 · 305 阅读 · 0 评论 -
动态创建元素(createElement())
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:44:08 · 1449 阅读 · 0 评论 -
动态创建表格（td-tr-table-body）
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:48 · 456 阅读 · 0 评论 -
动态操作类样式并进行类样式累加
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:39 · 258 阅读 · 0 评论 -
动态操作CSS五角星评分(onMouseOver事件onMouseOut事件set-remove-getAttribute())
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:29 · 172 阅读 · 0 评论 -
动态操作CSS文本框失去焦点变颜色(注册onblur事件)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:43:20 · 1968 阅读 · 0 评论 -
点击哈哈其他呜呜(this.value)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:13 · 144 阅读 · 0 评论 -
js样式操作几个小练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:43:01 · 211 阅读 · 0 评论 -
insertBefore和appendChild的区别
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:52 · 499 阅读 · 0 评论 -
innerText和innerHTML的区别
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编...原创 2019-10-21 00:42:44 · 245 阅读 · 0 评论 -
url编码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:29 · 160 阅读 · 0 评论 -
apply()和call()方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:17 · 119 阅读 · 0 评论 -
匿名函数递归使用arguments-callee()方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:42:03 · 184 阅读 · 0 评论 -
三个需求小练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:41:53 · 272 阅读 · 0 评论 -
获取键盘码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:44 · 284 阅读 · 0 评论 -
使用正则表达式来判断密码强度
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:32 · 1496 阅读 · 0 评论 -
字符串replace()方法配合正则进行替换
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:14 · 319 阅读 · 0 评论 -
字符串的match()方法进行提取
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:41:06 · 1166 阅读 · 0 评论 -
使用正则表达式的提取组
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:40:59 · 795 阅读 · 0 评论 -
使用正则表达式判断是否是合法的邮箱
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:40:52 · 984 阅读 · 0 评论 -
使用正则表达式进行提取电话号码
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:40:37 · 3119 阅读 · 0 评论 -
使用正则表达式来判断邮政编码是否正确
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:23 · 2287 阅读 · 0 评论 -
表单元素的提交
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:12 · 187 阅读 · 0 评论 -
三个小练习
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /></head>...原创 2019-10-21 00:39:02 · 103 阅读 · 0 评论 -
五角星评分控件
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:52 · 254 阅读 · 0 评论 -
鼠标悬浮图片显示详细信息
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:39 · 1188 阅读 · 0 评论 -
显示图片
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:25 · 120 阅读 · 0 评论 -
控制div显示的时候的一个小问题（将display设置为空意思是使用默认值，设置为block才是显示）
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:14 · 1226 阅读 · 0 评论 -
点击复选框将选中的个数及名称打印在文本框中（利用数组进行存储，复选框控件的checked属性）
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:38:00 · 421 阅读 · 0 评论 -
以动画的方式隐藏和显示层(注意style.height的使用，只有通过style设置的属性才能在js中通过style属性访问，否则只能用offsetstyle来获取)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /></...原创 2019-10-21 00:37:50 · 270 阅读 · 0 评论 -
JQuery操作类样式练习
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> &...原创 2019-10-21 00:37:30 · 127 阅读 · 0 评论 -
JQuery中的基本过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <scrip...原创 2019-10-21 00:37:17 · 169 阅读 · 0 评论 -
利用JQuery对象操作类样式的方法写一个搜索框
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <scrip...原创 2019-10-21 00:37:08 · 106 阅读 · 0 评论