铁憨憨°-CSDN博客

原创利用jquery中的选择器,至少写三种方法,让p元素的字体颜色变成红色

利用jquery中的选择器,至少写三种方法,让p元素的字体颜色变成红色效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascr...

2019-10-27 23:16:04 559

原创点击id为btn的按钮

点击id为btn的按钮效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.js"&...

2019-10-27 23:13:51 843

原创点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1........)****

点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)****效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head>&l...

2019-10-27 23:09:28 349

原创删除列表元素中最后一个li元素

删除列表元素中最后一个li元素效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery....

2019-10-27 23:01:15 207

原创页面载入时使用jquery来自动选中页面中的多选框

页面载入时使用jquery来自动选中页面中的多选框效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="...

2019-10-27 22:59:21 126

原创使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面

使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <scr...

2019-10-27 22:56:49 153

原创点击DIV，修改第二个p元素的背景色为"orange"

点击DIV，修改第二个p元素的背景色为"orange"效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src...

2019-10-27 22:53:07 128

原创点击jquery修改div的子元素p的内容为"我是子元素"（使用元素选择器）

点击jquery修改div的子元素p的内容为"我是子元素"（使用元素选择器）效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/java...

2019-10-27 22:50:47 149

原创使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)

使用jquery修改div元素的背景色(随意颜色,点击DIV即修改)效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascri...

2019-10-27 22:48:05 247

原创 JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复

JQuery实现选中其中一列的复选框时，该复选框所在行的背景色高亮显示，取消选中复选框时，所在行的背景色恢复效果图代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script...

2019-10-27 22:45:10 447 1

原创用ajax实现账号登录

用ajax实现账号登录代码<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerNam...

2019-10-24 22:04:34 292

原创 JS+JQuery实现网页钟表

JS+JQuery实现网页钟表效果图HTML代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时钟</title> </head> <body> <canvas id="canvas1" width...

2019-10-22 20:58:08 436 3

原创 JS+JQuery自动切换背景颜色

**JS+JQuery自动切换背景颜色效果图HTML代码`<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jQuery.js"></sc...

2019-10-22 20:54:23 507

原创 jquery软键盘虚拟输入

展示**HTML代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>网页虚拟键盘js插件</title> <link rel="stylesheet" type="text/css" href="cs...

2019-10-20 19:38:26 282

原创 JS实现小方块上下移动

**JS实现小方块上下移动效果图HTML代码展示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ width: 50px; ...

2019-10-16 21:33:27 1189

原创 JS正则表达式页面登录校验效果

**JS正则表达式页面登录校验效果代码效果图校验错误提示HTML代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </style> </head> <body> ...

2019-10-15 20:46:58 471

原创 JS实现灯泡亮熄特效

**JS实现灯泡亮熄特效首先打开HBUilder软件，创建HTML文件输入代码 <body> <img src="1.png.jpg" width="160" height="120" alt="" onclick="toggle()" id="bulb"> <div id="timer"> </div>...

2019-10-14 22:06:23 539

weixin_45746054的博客