前端
文章平均质量分 73
new一个对象()
这个作者很懒,什么都没留下…
展开
-
jQuery效果
文章目录1、jQuery对象和DOM对象相互转换 1、jQuery对象和DOM对象相互转换 var myvideo = document.querySelector('video');//DOM对象 $(myvideo);//DOM对象转换为jQuery对象 $('video')[0];//jQuery对象转换为DOM对象 $('video').get(0);//jQuery对象转换为DOM对象 ...原创 2021-07-26 16:42:30 · 105 阅读 · 0 评论 -
JQuery CSS
addClass 增加class removeClass 移除class toggleClass 切换class class css函数 文章目录1、增加Class2、移除class3、切换(开/关)class 1、增加Class 通过addClass() 增加一个样式中的class <script src="https://how2j.cn/study/jquery.min.js"></script> <script> $(functio...原创 2021-07-23 14:16:33 · 105 阅读 · 1 评论 -
JQuery的常用方法
val 取值 html 获取元素内容,如果有子元素,保留标签 text 获取元素内容,如果有子元素,不包含子元素标签 文章目录取值val()获取元素内容html()获取元素text() 取值val() 相当于document.getElementById("input").value; <script scr="https://how2j.cn/study/jquery.min.js"></script> <script> $(function(...原创 2021-07-23 14:03:59 · 232 阅读 · 1 评论 -
JQuery引入
文章目录引入jQuery联网时可以使用在线版本也可以使用下载的jQuery理解$(function(){})通过id获取元素添加事件监听 引入jQuery 联网时可以使用在线版本 <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 也可以使用下载的jQuery 在idea中添加下面的语句,再alt+enter进行下载 <script src="https://how2j.cn/study/jq原创 2021-07-23 13:42:52 · 249 阅读 · 1 评论 -
AJAX实现异步刷新
文章目录用于用户名校验界面不使用AJAX使用AJAXAJAX步骤1、创建XHR2、设置响应参数3、设置并发送请求4、处理响应信息5、完整代码 用于用户名校验界面 准备一个JSP页面,叫做checkName.jsp用于校验提交的用户名是否存在 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <% String原创 2021-07-21 16:33:56 · 696 阅读 · 0 评论 -
servlet的生命周期
这里写目录标题什么是servlet?servlet的生命周期实例化初始化提供服务销毁被回收 什么是servlet? servlet是一种服务应用程序,作为来自web浏览器和其他http服务器上的数据库或者应用程序间的中间层 可以用来获取网页表单输入,呈现数据库或者其他源的记录 servlet的生命周期 一个servlet的生命周期由 实例化、初始化、提供服务、销毁、被回收这5个步骤组成 实例化 当用户输入一个网络地址,这个地址的servlet被调用的时候,这个servlet就会被实例化 例如下面的程序Log原创 2021-07-17 10:54:44 · 122 阅读 · 0 评论 -
CSS布局
文章目录1.绝对定位1)2)元素重叠2.相对定位3.浮动1)文字向右浮动2)文字向左浮动3)文字围绕图片3)在已经使图片左浮动了之后,使文字不环绕图片显示4)水平排列div3.显示方式1)隐藏2)块级 1.绝对定位 1) 属性:position 值:absolute <style> p.abs{ position: absolute; left: 150px; top: 50px; } </style> <p >正常文字1</p> <原创 2021-05-20 15:30:48 · 278 阅读 · 0 评论 -
CSS基础
目录1. 语法2. 选择器2)id选择器3)类选择器4)更精确的选择3. 注释4. 尺寸大小5. 背景1)背景颜色2)图片做背景3)本地测试4)背景重复5)6. 文本1)文本颜色2)对齐3)文本修饰4)行间距5)字符间距6)单词间距7)首行缩进8)大小写9)空白格 1. 语法 选择器{属性:值} selector{property:value} 学习css即学习有哪些选择器,哪些属性以及可以使用什么样的值 也可以直接在元素上增加style属性以达到一样的结果 <p style="color:red原创 2021-05-14 11:12:57 · 95 阅读 · 0 评论 -
HTML(表单元素)
HTML表单元素 文本框 input type="text 表示文本框 并且只能输入一行 如果要输入多行则要输入多行使用文本域textarea 注: 标签很特别,一般是不需要写成或者 这样的。 并且 这样的写法也是满足标准的 (1)文本框 <input type="text"> (2)设置属性size <input type="text" size="10"> (3)有初始值的文本框 <input type="text" value="有初始值的文本框"> 效原创 2021-04-17 21:05:08 · 91 阅读 · 0 评论 -
HTML(基本元素2)
HTML基本元素2 图像 图像标签 (1)插入图像 <img src="https://how2j.cn/example.gif"/> (2)本地图像-同级目录 只需要把图片保存在同一个目录下即可 src直接引用文件名 <img src="example.gif"/> (3)本地图像-上级目录 只需要在文件名前加上…/即可 同理上上级则加上…/…/ <img src="../example.gif"/> (4)其他目录图像 需要使用绝对路径 <img s原创 2021-04-17 19:58:44 · 83 阅读 · 0 评论 -
HTML(基本元素1)
HTML(基本元素) 标题 标题是默认粗体的,并且自动换行 一般使用到表示不同大小的标题; <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题5</h6> 效果: 粗体 bold的缩写,表示粗体 同样表示粗体,但是在语义上更有一种加重的感觉,提醒用户文本的重要性。在原创 2021-04-17 16:53:14 · 64 阅读 · 0 评论