- 博客(18)
- 收藏
- 关注
原创 jquery制作一个动态时钟
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="Js/jquery.js"></script></head>&...
2019-10-27 14:42:23
309
原创 利用jquery中的选择器,至少写三种方法,让p元素的字体颜色变成红色
效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="Js/jquery.js"></script></head&g...
2019-10-27 14:41:19
375
原创 点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1........)
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><bo...
2019-10-27 14:40:30
221
原创 删除列表元素中最后一个li元素
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="Js/jquery.js"></script></head>&l...
2019-10-27 14:39:26
1024
原创 页面载入时使用jquery来自动选中页面中的多选框
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><bo...
2019-10-27 14:38:26
349
原创 使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><bo...
2019-10-27 14:37:10
216
原创 点击DIV,修改第二个p元素的背景色为"orange"
效果图<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><body&...
2019-10-27 14:26:33
246
原创 点击jquery修改div的子元素p的内容为"我是子元素"(使用元素选择器)
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><bo...
2019-10-27 14:24:47
388
原创 使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)
效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script src="Js/jquery.js"></script><st...
2019-10-27 14:23:52
8256
原创 jquery实现选中其中一列的复选框时,该复选框所在行的背景色高亮显示(黄色)
先来效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="Js/jquery.js"></script> <style ...
2019-10-27 14:22:47
417
原创 用ajax简单登录页面内含正则表达式
简单登录页面jsp代码<script src="js/jquery.js" type="text/javascript"></script><style type="text/css">table { width: 360px; height: 45px: text-align: center; margin-top: 120px;...
2019-10-24 22:35:15
192
1
原创 JQuery实现简单小农场
JQuery实现简单小农场<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的开心小农场</title><style type="text/css"> div{ font-size:12px; bo...
2019-10-24 21:06:13
1049
1
原创 用JQuery实现颜色自动跳转
用JQuery实现颜色自动跳转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.js"></script> &l...
2019-10-23 12:48:46
337
原创 JQuery实现时钟功能
JQuery实现时钟功能<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>js时钟效果</title> <style> .clock{ width: 600px; ...
2019-10-22 20:43:49
653
原创 使用js写通过所有的正则表达式后才能校验成功
使用js写通过所有的正则表达式后才能校验成功<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <body> <form action="cg.html" ...
2019-10-22 20:31:35
201
原创 jquery做虚拟键盘
jquery做虚拟键盘<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery.js"></script></head>...
2019-10-20 15:10:18
274
原创 使用js实现图片在页面自定义进行上,下,左,右的移动
使用js实现图片在页面自定义进行上,下,左,右的移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <p&...
2019-10-16 21:45:44
557
原创 使用js做灯泡的亮起与关闭操作
使用js做灯泡的亮起与关闭操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <img src="2.jpg" widt...
2019-10-13 22:47:22
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人