Ceremony_feeling-CSDN博客

原创利用jquery中的选择器,让p元素的字体颜色变成红色

利用jquery中的选择器,让p元素的字体颜色变成红色要求：至少写三种方法代码:<div id="div10"> <p>我是p标签</p><button>1</button><button>2</button><button>3</button></div>$...

2019-10-27 20:29:03 3066

原创使用jquery做简单判断

使用jquery做简单判断要求: 点击id为btn的按钮,1.判断id为username的输入是否为空,如果为空,则弹出你输入的不能为空.2.判断id为password的输入的个数是否小于6位,如果小于6位,则弹出你输入的长度不可以少于6位代码：<div id="div09"><p><input id="userName" type="text">...

2019-10-27 20:26:18 816

原创使用jquery弹出相对应的元素下标

使用jquery弹出相对应的元素下标要求：点击当前的p标签,弹出相对应的元素下标 (点击第一个p元素,弹出0,点击第二个p元素,弹出1…)代码:<div id="div01"> <p>1</p> <p>2</p> <p>3</p> <p>4</p>&l...

2019-10-27 20:21:43 355

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

删除列表元素中最后一个li元素代码:<div id="div07"> <ul> <li>元素1</li> <li>元素2</li> <li>元素3</li> <li>元素4</li> &l...

2019-10-27 20:17:59 4874

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

页面载入时使用jquery来自动选中页面中的多选框代码:<div id="div06"> <input type="checkbox" >多选框1<br> <input type="checkbox">多选框2<br> <input type="checkbox">多选框3<br>&l...

2019-10-27 20:16:24 484

原创使用jquery克隆方法

使用jquery克隆方法要求：请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体"，并添加到"被克隆p元素"的后面<div id="div05"> <p>我是本体</p></div> $("#div05>p").on('click',function(){ $(this).clone(true...

2019-10-27 20:14:31 423

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

点击DIV，修改第二个p元素的背景色为"orange"<div id="div04"> <p>我是1</p> <p>我是2</p> <p>我是3</p></div> $("#div04").on('click',function(){ $("#di...

2019-10-27 20:12:26 298

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

点击jquery修改div的子元素p的内容为"我是子元素"（使用元素选择器）要求:使用元素选择器<div id="div03"> <p>我是文字</p></div> $("#div03").on('click',function(){ $("#div03>p").text("我是子元素"); ...

2019-10-27 20:09:37 410

原创使用jquery修改div元素的背景色

使用jquery修改div元素的背景色要求:随意颜色,点击DIV即修改代码<div id="div02">我是div</div> $("#div02").on('click',function(){ $(this).css("background","red"); });...

2019-10-27 20:07:08 393

原创使用jquery做复选框操作

使用jquery做复选框操作要求：1、选中其中一列的复选框时，该复选框所在行的背景色高亮显示（黄色）。2、取消选中复选框时，所在行的背景色恢复。代码部分:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title&...

2019-10-27 20:01:08 319

原创使用ajax进行登陆验证

使用ajax进行登陆验证<%@ page language="java" import="java.util.*" pageEncoding="utf—8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerNa...

2019-10-25 00:26:53 182

原创使用js实现图片的移动效果

使用js实现图片的移动效果步骤1：html代码：<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>使用自定义按键实现图片移动</title> <style type="text/css"> table { ...

2019-10-24 14:53:44 2541

原创 js动态图片的实现

使用js做动态图片的实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script src="jquery.js"></script> <style type="text...

2019-10-23 13:09:14 1239

原创使用js做动态时钟

利用了所学的js做了动态时钟下面直接上代码：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</tit...

2019-10-23 12:52:02 591

原创 javascript基本选择器

javascript基本选择器#id :根据给定的ID匹配一个元素。$("#idName");.class: 根据给定的css类名匹配元素。$(".className");element: 根据给定的元素标签名匹配所有元素$(“div”);:匹配所有元素$("");selector1,selector2,selectorN:将每一个选择器匹配到的元素合并后一起返回。$(“div...

2019-10-20 23:03:04 421

原创使用 javascript做一个虚拟键盘

##使用 javascript做一个虚拟键盘<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>softkeyboard:code by meixx</title> <script language="j...

2019-10-20 22:39:02 443

原创使用正则表达式进行注册校验

标题使用正则表达式进行注册校验<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="verifyJs.js"></script></head...

2019-10-16 23:03:20 268

原创使用JavaScript调整灯泡开关并记录

使用JavaScript调整灯泡开关并记录代码：var imgs = [“open.png”,“close.png”] ;var getTime ="";function c() {var weaK ="";document.getElementById(“image”).src = imgs[i];if (i==0){i = 1;weaK ="—灯亮了！";}els...

2019-10-16 22:00:21 201

Ceremony_feeling的博客