- 博客(18)
- 收藏
- 关注
原创 用jQuery选择器,改变字体颜色的三种方法
<p>我是一段文字</p><script>$(function(){ $("p").on("click",function(){ // $(this).css("color","red"); // $('p:first').css("color","red"); $('p:last').css("colo...
2019-10-29 22:35:18
3195
原创 用jQuery制作动态时钟
<body>//时钟显示<div id="show"></div><script> var hour=12; var min=12; var sen=54; function showTime(){ sen++; if(sen>=60){ mi...
2019-10-28 21:01:03
290
原创 用jQuery制作默认选中的复选框
看书:<input type="checkbox" name="checkbox" value=1><br>写字:<input type="checkbox" name="checkbox"value=2><br>打飞机:<input type="checkbox" name="checkbox"value=3><br>...
2019-10-28 20:59:42
1008
原创 jquery用选择器,让p元素的字体颜色变成红色的三种方法
<p>我是一段文字</p><script>$(function(){ $("p").on("click",function(){ // $(this).css("color","red"); // $('p:first').css("color","red"); $('p:last').css("colo...
2019-10-26 22:23:48
3148
原创 点击i按钮, 判断id为username的输入是否为空,判断id为password输入的个数是否小于6位
<p> username:<input type="text" id="username"/></p><p> password:<input type="password" id="password"/></p><p> <button id="btn" type="butto...
2019-10-26 22:03:16
287
原创 jQuery点击当前的p标签,弹出相对应的元素下标
<script> $(document).ready(function(){ $("p").click(function(){ alert($(this).index()+1); }); }); </script></head>&...
2019-10-26 21:43:31
651
原创 jQuery删除列表元素中最后一个li元素
<ul> <li>元素01</li> <li>元素02</li> <li>元素03</li> <li>元素04</li> <li id="01">元素05</li></ul><script type="...
2019-10-26 21:14:32
1196
原创 jQuery点击DIV,修改第二个p元素的背景色为"orange"
<div> <p>我是第一个p元素</p> <p>我是第一个p元素</p> <p>我是第一个p元素</p></div><script type="text/javascript"> $(function(){ $("div").on("c...
2019-10-26 20:53:01
1096
原创 点击jquery修改div的子元素p的内容
<div> <p>我是文字</p></div><p> 我是文字</p><script type="text/javascript"> $(function(){ $("div>p").on("click",function(){ $...
2019-10-26 20:51:08
596
原创 用jQuery制作点击改变元素背景色效果
<div> <p>我是文字</p></div><script type="text/javascript"> $(function(){ $("div").on("click",function(){ $(this).css("background-color","red");...
2019-10-26 20:07:44
559
原创 用jQuery制作选中多选框改变表格背景的效果
//样式 <style> .odd{ background-color: aquamarine; } .even{ background-color:olivedrab; } .checked{ background-color...
2019-10-26 20:04:25
139
原创 用jQuery制作焦点时隐藏文字的输入框
//样式<style> table,table td{ border:1px solid #ccc; border-collapse: collapse; } td{ width: 150px; height: 30px; } input{ displ...
2019-10-26 19:45:31
148
原创 jsp-ajax正则表达式判断输入框是否符合要求
<script type="text/javascript"> //调用getText()方法,来判断正则表达式 getText(); //登录跳转事件方法 function skip(){ $(function(){ $.ajax({ url:"LoginServlet", t...
2019-10-25 13:37:57
243
原创 用js制作开心农场的制作
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yRVUN9kW-1571977591648)(https://img-blog.csdnimg.c在这里插入代码片n/20191025122616554.gif)] <style type="text/css"> div{ font-size:12px; ...
2019-10-25 12:27:55
789
原创 用正则表达式判断输入框信息是否符合要求
<script type="text/javascript"> var reg=[/^[A-Z{1}\w{5,19}$/,/^[A-Z]{1}.{7,14}$/,/^[A-Z]{1}.{7,14}$/, /^1[3-9]{1}\d{9}$/,/^ [\u4e00-\u9fa5][0-9A-z\u4e00-\u9fa5]+$/] $(function(){ ...
2019-10-25 11:59:38
1065
原创 js+jQuery制作警灯效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery.js"></script> <style> ...
2019-10-25 10:35:22
236
原创 用jQuery制作推箱子效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><img src="formPhoto/3.png" id="img" ...
2019-10-25 09:12:24
372
原创 js+html实现电灯的打开与关闭,img按钮图片更换及时间更新(时间还未完成实现)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好...
2019-10-13 22:26:52
455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人