2020年04月_l0510402015

05月 04月 03月 02月 01月

原创 19_(案例)使用JQuery实现元素的移动

模拟两个选项框中的选项可以互相移动<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script>...

2020-04-14 14:51:20 376

原创 18_(案例)使用JQuery实现元素的添加（利用复制功能）

模拟实现在留言里面添加QQ表情<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>QQ表情选择</title> <script src="../../js/jquery-3.3.1.min.js"></scri...

2020-04-14 14:48:29 470

原创 17_(案例)使用JQuery实现表单选项的全选与全不选

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../../js/jquery-3.3.1.min.js"></script> <script> /...

2020-04-14 14:44:16 167

原创 16_(案例)使用JQuery实现表单隔行换色

注意：需要根据自己工程导包位置来设置<script src="../../js/jquery-3.3.1.min.js"></script>语句<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> ...

2020-04-14 13:24:14 233

原创 15_JQuery DOM操作之移除元素、清空某元素所有子元素

9.remove():移除元素* 对象.remove():将对象删除掉10.empty():清空元素的所有后代元素。* 对象.empty():将对象的后代元素全部清空，但是保留当前对象以及其属性节点<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> ...

2020-04-14 13:19:44 4702

原创 14_JQuery DOM操作之给某个元素添加子元素、将某个元素添加到另外一个元素后面

1.append():父元素将子元素追加到末尾* 对象1.append(对象2): 将对象2添加到对象1元素内部，并且在末尾2.prepend():父元素将子元素追加到开头* 对象1.prepend(对象2):将对象2添加到对象1元素内部，并且在开头3.appendTo():* 对象1.appendTo(对象2):将对象1添加到对象2内部，并且在末尾4....

2020-04-14 13:10:48 4758

原创 13_JQuery DOM操作之对class属性的删除、添加和切换

1.addClass():添加class属性值2.removeClass():删除class属性值3.toggleClass():切换class属性* toggleClass("one"):* 判断如果元素对象上存在class="one"，则将属性值one删除掉。如果元素对象上不存在class="one"，则添加4.css():设置样式<...

2020-04-14 13:05:28 891

原创 12_JQuery DOM操作之获取、设置和删除元素标签属性

1.attr(): 获取/设置元素的属性2.removeAttr():删除属性3.prop():获取/设置元素的属性4.removeProp():删除属性*attr和prop区别？1.如果操作的是元素的固有属性(就是在h5官方文档中列出的属性)，则建议使用prop2.如果操作的是元素自定义的属性，则建议使用attr注意：有些固有举例：...

2020-04-14 13:02:55 450

原创 11_JQuery DOM操作之获取/设置标签体内容、文本和value值

可以通过JQuery说明文档的“属性”进行查看具体内容1.html(): 获取/设置元素的标签体内容（包括所包含的标签和标签的内容）（如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。）* 举例：<a><font>内容</font></a>使用html()获取后<a>标签的结果...

2020-04-14 11:49:57 985

原创 10_JQuery选择器之表单过滤器

表单过滤选择器1.可用元素选择器* 语法： :enabled 获得可用元素2.不可用元素选择器* 语法： :disabled 获得不可用元素3.选中选择器* 语法： :checked 获得单选/复选框选中的元素4.选中选择器* 语法： :selected 获得下拉框选中的...

2020-04-07 14:48:37 199

原创 9_JQuery选择器之过滤选择器

过滤选择器1.首元素选择器* 语法： :first 获得选择的元素中的第一个元素2.尾元素选择器* 语法： :last 获得选择的元素中的最后一个元素3.非元素选择器* 语法： :not(selector) 不包括指定内容的元素4.偶数选择器* 语法： :even 偶数，从 ...

2020-04-07 11:36:38 118

原创 8_JQuery选择器之层级选择器

层级选择器1.后代选择器* 语法： $("A B ") 选择A元素内部的所有B元素,包括子子孙孙2.子选择器* 语法： $("A > B") 选择A元素内部的所有B子元素举例：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">...

2020-04-07 11:34:15 176

原创 7_JQuery选择器之属性选择器

属性选择器1.属性名称选择器* 语法： $("A[属性名]") 包含指定属性的选择器2.属性选择器* 语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器3.复合属性选择器* 语法： $("A[属性名='值'][]...") 包含多个属性条件的选择器举例：<!DOC...

2020-04-07 11:32:29 219

原创 6_JQuery选择器之基本选择器

基本选择器1.标签选择器（元素选择器）* 语法： $("html标签名") 获得所有匹配标签名称的元素2.id选择器* 语法： $("#id的属性值") 获得与指定id属性值匹配的元素3.类选择器* 语法： $(".class的属性值") 获得与指定的class属性值匹配的元素4.并集选择器：...

2020-04-07 11:27:31 153

原创 5_JQuery选择器基本操作之样式控制

样式控制：css方法。有如下两种方式：方式一：$("#div1").css("background-color","red");方式二：$("#div1").css("backgroundColor","pink");注意：推荐使用方式二，因为如果写对了，按住crtl键，把鼠标移动到字符上会字体会变化（在软件intellIJ IDEA）<!DOCTYPE ht...

2020-04-02 15:50:25 110

原创 4_JQuery选择器基本操作之入口函数

入口函数1、格式$(function () {});2、window.onload和 $(function) 区别*window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉*$(function)可以定义多次的。<!DOCTYPE html><htm...

2020-04-02 15:41:29 90

原创 3_JQuery选择器基本操作之事件绑定

事件绑定：给某个标签添加时间，比如给按键添加鼠标点击响应。<html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.3.1.min.js"></script>...

2020-04-02 15:36:01 119

原创 2_JQuery对象与JS对象之间的转换

JQuery对象和JS对象区别与转换1.JQuery对象在操作时，更加方便。2.JQuery对象和js对象的方法不通用的.3.JQuery对象和js对象两者之间如何相互转换*jq -- > js : jq对象[索引] 或者 jq对象.get(索引)*js -- > jq : $(js对象)举例：&lt...

2020-04-02 15:14:41 180

原创 1_JQuery的概念和快速入门

1.概念：一个JavaScript框架。简化JS开发* jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScr...

2020-04-02 15:12:55 137

原创 1_Listener：监听器

*概念：web的三大组件之一。一般在项目开发中都是由框架指定好了监听器，我们只要去配置* 事件监听机制* 事件：一件事情* 事件源：事件发生的地方（比如说哪里发生了单击事件）* 监听器：一个对象（代码）* 注册监听：将事件、事件源、监听器绑定在一起。当事件源上发生某个事件后，执行监听器代码*监听...

2020-04-01 15:21:32 161

原创 10_（案例）实现访问资源必须登录

1、案例实现如果访问任何资源，如果没有登录统一切换到登录界面，并提示信息请先登录主要代码展示：LoginFilter.javaimport javax.servlet.*;import javax.servlet.annotation.WebFilter;import javax.servlet.http.HttpServletRequest;import java.io.IO...

2020-04-01 11:30:04 307

原创 09_(案例)敏感词过滤

1、针对用户通过浏览器传入的参数进行过滤，如果用户输入的信息中包含了用户信息表中的敏感字，全部替换为***。注意：我们建立敏感词汇表时，一定要注意修改编码格式为GBK或UTF-8，否则读取的会是乱码。如下图红圈所示。2、本代码是在前面登录案例的基础上实现的，所以用户测试方法如下：（1）、启动mysql。（2）、运行程序，然后先执行登录。（3）、登录成功后，人工把浏览器中输入...

2020-04-01 11:23:31 775

原创 08_如何增强对象的功能（传入参数、返回值、方法体执行逻辑的变化）---采用代理模式增强

引入代理模式的原因是我们在实现Filter（过滤）时，需要对某些用户输入的敏感词汇进行过滤，全部替换为"***"，而原有对象是不具备相关方法的，因此需要引入代理模式。厂家---》代理---》用户。代理可以对厂家的某些方法进行加工增强设计模式：一些通用的解决固定问题的方式。增强对象的功能一般使用如下两种设计模式：1.装饰模式2.代理模式* 概念：（1）.真实...

2020-04-01 10:55:38 154