- 博客(19)
- 收藏
- 关注
RSS订阅原创 11.时钟 没带样式 系统时间
直接调用系统时间 显示在页面上代码：<script type="text/javascript"> function current(){ var d=new Date(),str=''; str +=d.getHours()+':'; str +=d.getMinutes...
2019-10-27 16:43:45
112
原创 10.jquery选择器三种方法让p元素字体变颜色
选择器的运用与操作三种方法 很简单1.(‘p’)2.(‘p:first’)3.(‘p:last’)三种选择器的使用方法不唯一~~用三个按钮来调用不同的函数效果图：逻辑代码：$("p").css("color","red");$("p:first").css("color","red");$("p:last").css("color","red");用按钮来调用不同函...
2019-10-27 16:22:19
470
原创 9.jquery简单登录判断
if判断解决1.判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空.2.判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位我们上效果图：部分代码：$("#username").val().length==0||$("#password").val().length<6)一行ok源码发送爱的信号即可解锁...
2019-10-27 16:05:23
320
原创 8.点击当前的p标签,弹出相对应的元素下标
index方法解决上效果图：代码： $(document).ready(function(){ $("p").click(function(){ alert($(this).index()); }); });❥(^_-)嗯哼
2019-10-26 21:14:43
147
原创 7，删除列表元素中最后一个li元素
一行代码解决先用选择器找到最后一个li然后.remove ok效果图：代码：<script> $(function () { $(":input").on("click",function () { $('li:last').remove(); }) })具体代码 ：❥(^_-)...
2019-10-26 21:06:35
202
原创 6.页面载入时使用jquery来自动选中页面中的多选框
网上盗用的方法 感觉还不错 就是有点看不懂我先上效果图：代码：<script> $(function () { $("#all").on("click",function () { $("input[name='ke']").prop("checked", this.checked); }); })</scr...
2019-10-26 20:49:19
142
原创 5.使用jquery克隆并且修改"克隆的p元素
其实很简单首先建一个str 未定义的值再克隆 赋值给str最后更改str元素 并appendTo再后边上图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sc...
2019-10-26 20:25:06
141
原创 4.jQuery修改元素的背景色
这个和第一个点击复选框修改颜色 差不太多一个点击复选框 一个点击整个div就可以改变上图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js...
2019-10-26 16:26:46
395
原创 3.使用jQuery元素选择器修改div内容
元素选择器修改div内容：太简单了 我服了 我居然刚看懂事实证明上课不能打盹~~首先呢添加id 或者class 用元素选择器设置按钮 来看效果：大家要多去看api手册啊代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...
2019-10-26 16:16:55
875
原创 2.jQuery点击修改div背景色
老规矩上图：实现这个效果很简单 先设置div的样式 给div添加点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/h1.js">&l...
2019-10-26 16:04:55
226
原创 1.jquery实现点击table中复选框来改变tr颜色
首先设置css样式：纯菜鸟代码：先上图吧：点击复选框来改变tr背景颜色效果图：代码是有bug的 对选择器的使用不明白，无法取消点击复选框时还原当初颜色，但是这个效果可以分别给4个复选框设置点击事件来实现，我就不写了太麻烦。部分代码：<!DOCTYPE html><html lang="en"><head> <meta cha...
2019-10-26 15:53:51
413
原创 Ajax+正则表达式验证用户登录
1.页面代码：<%@ page contentType="text/html;charset=UTF-8" language="java" %><html> <head> <title>$Title$</title> <script src="js/h1.js" type="text/javascript"...
2019-10-24 22:49:49
264
原创 jQuery简单运用
老师刚教会的小农场先上效果图吧：（-.-）！1.部分代码： $(document).ready(function() { var img = "images/seed.png"; $("div").bind("click", function(e) { //绑定播种按钮的单击事件 $("<img src='" + i...
2019-10-24 19:32:01
78
原创 jQuery的延时函数实现颜色自动切换
老规矩 先上效果图：1.css<style type="text/css"> .color1{ background-color: bisque; width: 200px; height: 200px; } .color2{ backg...
2019-10-23 12:34:03
281
原创 jQuery实现网页圆盘钟表
最近学的js和jQuery做一个圆盘；上图：1.html部分：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>jQuery圆盘时钟</title> <link href="css/coick.css" r...
2019-10-23 12:26:32
246
原创 网页输入虚拟键盘软键盘
jquery实现软键盘操作上图html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>软键盘</title> <script type="text/javascript" src="jquer...
2019-10-20 20:02:25
670
原创 js正则表达式登录验证，并添加表单
1.当每个输入框失去焦点后就做校验2.只有所有正则表达式都通过验证才可以提交表单话不多说 上图<form action=ke; onsubmit="return (trueName()+truePwd()+trueConfirmPwd()+trueEmail()+truePhone()+trueEID()+trueAddress())==7"> <table alig...
2019-10-16 23:01:14
299
原创 js实现键值的重定义
js键值控制重定义键盘事件1.键盘事件：完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。keydown：按键按下keyup：按键抬起keypress：按键按下抬起方向Value上↑下↓左←右→2.页面的样式建立。<lable id="show" /><img id="img" s...
2019-10-15 20:58:41
344
原创 js实现灯泡特效 并显示实时时间并记录
Js实现灯泡实时开关记录设置按钮 点击事件准备两张图片 点击按钮后进行跳转插入链接与图片链接: link.去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit...
2019-10-13 16:21:16
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人