前端
QKain
只是因为我喜欢...
展开
-
jQuery:Uncaught TypeError: $(...).text is not a function...问题
jQuery:Uncaught TypeError: $(...).text is not a function...问题最近在学习jQuery是遇到这个问题,在使用jQuery时报错...出现问题:Uncaught TypeError: $(...).text is not a function...原因:jQuery版本太老了!解决方法:更新jQuery版本!可以去jQuery官网下载新版本或者找新版本CDN使用。jQuery:https://jquery.com/dow原创 2021-05-04 17:00:07 · 1791 阅读 · 0 评论 -
jQuery
jQuery什么是jQuery?jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,也就是封装了大量的JavaScript 方法。获取jQueryjQuery官网:https://jquery.com/download/使用jQuery下载文件导入,或者引入CDNjQuery=$(css选择器).动作<!DOCTYPE html><html lang="en"><head> &l原创 2021-05-04 16:50:51 · 92 阅读 · 0 评论 -
操作表单
操作表单什么是表单?form 文本框,下拉框,单选框,多选框...表单的目的是什么?提交信息获得表单信息<script> var username1 = document.getElementById('username'); //得到输入框的值 username1.value; //修改输入框的值 username1.value = '124';</script>提交表单<script> .原创 2021-05-04 15:13:05 · 108 阅读 · 0 评论 -
JavaScript-DOM对象
JavaScript-DOM对象什么是DOM对象?DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。说白了,DOM就是一个接口,我们可以通过DOM来操作页面中各种元素,例如添加元素、删除元素、替换元素等。更新:更新DOM节点遍历:遍历得到DOM节点删除:删除一个DOM节点添加:添加一个DOM节点就是增删改查,要进行这些操作,就要先获得DOM节点。获得DOM节点<script> //通过标签名获原创 2021-05-04 12:09:56 · 76 阅读 · 0 评论 -
JavaScript-BOM对象
JavaScript-BOM对象什么是BOM对象?Browser Object Model 为浏览器对象模型,其实就是专门操作浏览器窗口的一组对象和函数。window:代表浏览器窗口<script> //弹窗 window.alert(1); //窗体内部高度 window.innerHeight; //窗体内部宽度 window.innerWidth; //窗体外部高度 window.outerHeight原创 2021-05-03 19:37:12 · 84 阅读 · 0 评论 -
JavaScript-函数
JavaScript-函数函数的定义:<script> function f(x) { return x+1; }</script>函数的调用:f(x)JavaScript可以不传参数或者穿任意个参数原创 2021-05-03 13:18:14 · 69 阅读 · 0 评论 -
JavaScript-数据类型
JavaScript基本语法:定义变量:变量类型 变量名 = 变量值条件控制:if(){}在控制台打印 <script> // 定义变量:变量类型 变量名 = 变量值 var num = 100; // 条件控制:if(){} if (0 < num) { alert("true") } // 在浏览器打印日志 consol..原创 2021-05-02 21:11:37 · 55 阅读 · 0 评论 -
定位
定位position属性规定应用于元素的定位方法的类型static:HTML 元素的默认值 #div1{ background-color: red; position: static; }relative:相对定位元素的定位是相对其正常位置(相对于原位置上下左右偏移) #div1{ background-color: red; position: relative; top:..原创 2021-04-21 11:37:01 · 59 阅读 · 0 评论 -
float和clear
float和clearfloat 属性定义元素在哪个方向浮动float: left;元素向左浮动float: right;元素向右浮动float: none;元素不浮动 <style> .div1{ float: left; } .div2{ float: right; } .div3{ float: none;原创 2021-04-20 18:15:36 · 189 阅读 · 0 评论 -
块元素和行内元素
块元素和行内元素行内元素:常用的行内元素<span>行内元素特点:(1):设置宽高无效,默认宽度就是文字宽度(2):对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间块元素:常用的块元素<div>块元素特点:(1):一个块元素占据一整行(2):高度,宽度,margin以及padding都是可以控制的行内元素和块元素可以通过display属性来相互转换:display:block(块元素).原创 2021-04-20 13:08:12 · 107 阅读 · 0 评论 -
盒子模型
盒子模型什么是盒子模型?margin:外边距border:边框padding:内边距边框:(border:粗细 样式 颜色)边框的粗细边框的样式边框的颜色内外边距:(margin:上右 下 左)居中(margin:0 auto)盒子模型:margin+border+padding+内容圆角边框:border-radius:(左上 右上 右下 左下)圆border-radius:(100px)...原创 2021-04-12 14:59:32 · 74 阅读 · 0 评论 -
CSS字体文本样式超链接伪类阴影背景
CSS字体样式:font-family: 字体font-size: 大小font-weight: 粗细color: 颜色CSS文本样式:text-align: 排版(:center居中)text-indent:首行缩进line-height: 行高text-decoration: 装饰(:none 如去出a标签下划线)...原创 2021-04-11 15:36:10 · 122 阅读 · 0 评论 -
CSS选择器
CSS选择器:基本选择器:选择器优先级:id选择器>类选择器>标签选择器标签选择器:标签{}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css选择器-标签选择器</title> <style> h1{ color: red; .原创 2021-04-07 16:29:52 · 43 阅读 · 0 评论 -
form表单
form表单<form action="地址" method="提交方式"> </form>action:表单提交的位置method:post,get提交方式get方式提交:在url中可以看到提交的数据,高效。post方式提交:比较安全,可以传输大文件。表单元素格式:type:指定元素类型 text,passwordname:指定表单元素名称value:元素初始值size:表单元素初始大小maxlength:输入的最..原创 2021-04-03 17:17:25 · 83 阅读 · 0 评论 -
HTML-2(表格)
HTML-2(表格)表格:<table> <tr> <td>1.1</td> <td>1.2</td> </tr> <tr> <td>2.1</td> <td>2.2</td> </tr></table>效果:表格跨列:&原创 2021-04-01 17:58:28 · 67 阅读 · 0 评论 -
HTML-1
HTMLHTML(Hyper Text Markup Language)超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。标签:<!DOCTYPE html>声明为 HTML5 文档<html>HTML 页面的根元素<head>标签代表网页头部<tit.原创 2021-04-01 17:37:22 · 148 阅读 · 0 评论