![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaWeb前端
酷爱WAF哈狗帮
我就是我行我素
展开
-
jQuery注册表单校验
formTest.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网站注册页面</title> <style> #contanier{ border: 0px solid white; widt...原创 2019-10-28 10:59:05 · 162 阅读 · 0 评论 -
jQuery完成下拉列表左右选择
leftRightList.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>下拉列表左右选择</title> <script type="text/javascript" src="../js/jquery-1.8....原创 2019-10-27 14:30:55 · 147 阅读 · 0 评论 -
jQuery完成省市联动
provincesAndCities.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成省市二级联动</title> <style type="text/css"> .top{ ...原创 2019-10-27 08:36:50 · 157 阅读 · 0 评论 -
使用jQuery完成复选框的全选和全不选
selectedAllOrNot.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成复选框的全选和全不选</title> <script type="text/javascript" src=".....原创 2019-10-27 07:47:39 · 208 阅读 · 0 评论 -
使用jQuery完成表格隔行换色
jqColors.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格隔行换色</title> <script type="text/javascript" src="../js/jquery-1...原创 2019-10-26 20:35:43 · 273 阅读 · 0 评论 -
jQuery属性选择器
selector4.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>属性选择器</title> <link rel="stylesheet" type="text/css" href="../css/style.cs...原创 2019-10-26 18:20:34 · 122 阅读 · 0 评论 -
jQuery基本过滤选择器(含奇偶)
selector3.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本过滤选择器</title> <link rel="stylesheet" type="text/css" href="../css/s...原创 2019-10-26 18:15:07 · 466 阅读 · 0 评论 -
jQuery层级选择器
selector2.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>层级选择器</title> <link rel="stylesheet" type="text/css" href="../css/style.cs...原创 2019-10-26 17:49:52 · 165 阅读 · 0 评论 -
jQuery基本选择器
selector1.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本选择器</title> <link rel="stylesheet" href="../css/style.css" /> <s...原创 2019-10-26 16:15:51 · 126 阅读 · 0 评论 -
jQuery完成首页定时弹出图片
timingAd.html<script type="text/javascript" src="../js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function() { //书写显示广告图片的定时操作 time = setInterval("sho...原创 2019-10-26 13:44:17 · 222 阅读 · 0 评论 -
DOM对象与jQuery对象转换
domToJquery.html<!DOCTYPE html><html> <head> <title>DOM与jQuery对象间的转换</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <met...原创 2019-10-26 08:45:54 · 246 阅读 · 0 评论 -
jQuery表格斑马线
tableZebra.html<!DOCTYPE html><html> <head> <title>jQuery表格斑马线</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name...原创 2019-10-25 17:18:38 · 452 阅读 · 0 评论 -
JS事件常用场景
原创 2019-10-25 08:10:07 · 204 阅读 · 0 评论 -
JS二级省市联动
provincesAndCities.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>二级省市联动</title> <style type="text/css"> .top{ border: 1px s...原创 2019-10-24 20:31:57 · 137 阅读 · 0 评论 -
DOM 动态添加城市
liveAddCity.html<!DOCTYPE html><html> <head> <title>动态添加城市</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="de...原创 2019-10-24 18:34:08 · 185 阅读 · 0 评论 -
DOM 账号验证改进
accountVerify.html<!DOCTYPE html><html> <head> <title>账号验证改进</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="...原创 2019-10-24 14:11:20 · 165 阅读 · 0 评论 -
DOM选中和取消所有的checkbox
checkAllBoxes.html<!DOCTYPE html><html> <head> <title>选中所有checkbox</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta ...原创 2019-10-24 13:40:10 · 298 阅读 · 0 评论 -
DOM验证账号、切换图片 、判断输入框里的值
3tests.html<!DOCTYPE html><html> <head> <title>三个练习答案</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descrip...原创 2019-10-24 10:59:52 · 198 阅读 · 0 评论 -
使用JavaScript完成全选和全不选
checkAllBoxes.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选和全不选</title> <script type="text/javascript"> function checkAll() ...原创 2019-10-24 08:57:50 · 233 阅读 · 0 评论 -
使用JavaScript完成表格隔行换色
colors.html<!DOCTYPE html><html> <head> <title>表格隔行换色</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descrip...原创 2019-10-23 18:20:28 · 183 阅读 · 0 评论 -
JavaScript注册页面表单校验完善
<script type="text/javascript"> /* function showTips() { document.getElementById("userspan").innerHTML="<font color='navy'>用户名必填!</font>"; } function checkUser() {...原创 2019-10-23 13:44:07 · 227 阅读 · 0 评论 -
使用JS完成首页定时弹出图片
<script type="text/javascript"> function init() { //书写轮图片显示的定时操作 setInterval("changeImg()",3000); //设置显示广告图片的定时操作 var time = setInterval("showAd()",3000); } //书写函数 va...原创 2019-10-23 10:17:34 · 343 阅读 · 0 评论 -
JavaScript阶段性练习2
test2.html<!DOCTYPE html><html> <head> <title>阶段性练习2</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="descript...原创 2019-10-22 15:10:19 · 131 阅读 · 0 评论 -
JavaScript阶段性练习1
<!DOCTYPE html><html> <head> <title>JS计算器</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content=...原创 2019-10-22 11:05:15 · 121 阅读 · 0 评论 -
CSS阶段性练习1
<!DOCTYPE html><html> <head> <title>CSS阶段性练习1</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" cont...原创 2019-10-13 14:26:08 · 149 阅读 · 0 评论 -
HTML阶段性练习3
<!DOCTYPE html><html> <head> <title>注册页面</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" content="...原创 2019-10-11 16:30:58 · 151 阅读 · 0 评论 -
HTML阶段性练习2
<!DOCTYPE html><html> <head> <title>lol1.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" cont...原创 2019-10-11 15:53:43 · 139 阅读 · 0 评论 -
HTML中文乱码问题
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>原创 2019-10-11 11:57:24 · 159 阅读 · 0 评论 -
HTML阶段性练习1
<!DOCTYPE html><html> <head> <title>HTML阶段性练习1</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta name="description" con...原创 2019-10-11 08:24:11 · 143 阅读 · 0 评论