banshao4968-CSDN博客

转载 jquery点击切换在点击切换

<di<div style=" position: absolute; top: 6rem; right: 4rem;" id="hides" > <a class="icon_a" style="color: #333; font-size: 16px;display: flex;"><span title=".icon32 .ico...

2019-09-23 11:35:00 137

转载 attr()、prop()、css() 的区别

.attr( ) 可以设置元素的属性（也就是给元素新增加一个原来并不存在的属性）也可以获取元素的本来就有的属性以及额外设置的属性。如果要获取的属性没有设置，那么获取到的结果是 undefined;.prop( )可以设置元素的属性（HTML固有的属性，可以给元素添加属性）也可以获取元素的固有的属性值，如果是额外设置的其他属性，则无法通过prop（）获取。 .css() 只能获取是...

2019-09-23 11:30:00 178

转载 let与var的区别

{ varstr1 ="小花"; letstr2 ="小明"; console.log(str1);//小花 console.log(str2);//小明 } console.log(str1);//小花 console.log(str2);//Error:str2 is not defined let作用域仅限于当前代码块...

2019-09-16 00:51:00 116

转载 storage

location storage:保存到浏览器本地存储中，永久保存（不自主删除的情况下），同一域名下可访问； session storage:用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。　　添加session sessionS...

2019-09-16 00:48:00 271

转载冒泡排序以及选择排序

冒泡排序 for (let j = 0; j < a.length - 1; j++) { for (let i = 0; i < a.length - 1 - j; i++) { if (a[i] > a[i + 1]) { temp = a[i + 1]; ...

2019-09-08 23:43:00 76

转载事件委托

事件委托是把元素事件绑定在其父元素上面代为执行，从而减少页面上的绑定次数，从而提高页面性能； <body> <ul id="color-list"> <li>red</li> <li>yellow</li> <li>blue</li> <li>green</li&...

2019-09-08 23:33:00 91

转载鼠标事件

1.click：用户按鼠标左键时触发； 2.dblclick：用户双击鼠标时触发； 3.mousedown：用户按下任意鼠标键时触发； 4.mouseenter：进入元素时触发，但是进入其子元素不再触发； 5.mouseleave：从某个元素出来时触发，但是不包括其子元素； 6.mousemove：鼠标在元素范围内移动，就会不断触发； 7.mouseout：从当前元素出来时触...

2019-09-01 22:35:00 86

转载节点操作重点

1.查找节点： I：getElementByld()锁定id的某一个节点； II：getElementByTagName()通过标签名称来查找节点； III：document.getElementName()：访问的是节点中的name值； IV：children（）：忽略空白及文档节点。 2.创建及添加节点 I：createElement创建节点； II：createTex...

2019-09-01 22:26:00 210

转载清除浮动的集中方式

清除浮动的几种方法标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之间没有空隙，但要注意给父盒子清除浮动，否则父盒子不会被撑开）。为什么要清除浮动呢？清除浮动的本质是什么？　...

2019-08-26 09:04:00 76

转载 css动画

css的动画效果在style标签中用@keyframes name{。。。}的形式定义，使用animation：name time 。。。的形式进行调用。示例： <style> @keyframes myfirst { 0% {background: red; left:0px; top:0px;} 25% {background: yellow; lef...

2019-08-26 09:03:00 94

转载 flex布局

以下是弹性布局的一些知识点，很简单，易懂！语法：属性：display 取值： flex：当前元素充当弹性布局的容器，并且本身以块级元素显示。 inline-flex：当前元素充当弹性布局的容器，并且本身以行内元素显示。概念：容器：容纳弹性布局中子元素的父元素。项目：容器中的子元素注意：元素一旦变为弹性布局的元素后，float，clear，v...

2019-08-26 09:01:00 73

转载 html锚点

设置锚点的两种方式 1.设置一个锚点链接<a href="#wang">去找汪星人</a> 在页面中需要的位置设置锚点<a name="wang">汪星人基地</a> 2.设置一个锚点链接<a href="#miao">去找喵星人</a> 在页面中需要的位置设置锚点<h3 id...

2019-08-26 09:00:00 87

转载 css 设置overflow:scroll 滚动条的样式

/* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); border-rad...

2019-08-26 08:59:00 282

转载 js常用方法

String字符串　*字符串可以看成是字符组成的数组,但是js中没有字符类型 * 字符是一个一个的,在别的语言中字符用一对单引号括起来 * 在js中字符串可以使用单引号也可以使用双引号 * 因为字符串可以看成是数组,所以,可以通过for循环进行遍历 * 字符串特性:不可变性,字符串的值是不能改变 * 字符串的值之所以看起来是改变的,那...

2019-08-26 08:58:00 77

转载一、背景 1.如何设置标签的背景颜色（1）在CSS中有一个background-color：属性值；，就是专门用来设置标签的背景颜色。（2）取值：具体单词、RGB、RGBA、十六进制例子...

2019-08-26 08:57:00 1454

转载要求:鼠标移入显示提示信息框；鼠标离开,信息框消失，消失的效果延迟

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 ...

2019-08-26 08:56:00 781

转载块级元素的垂直居中

垂直居中单行文本垂直居中，设置父元素的line-height为包含块宽度。弹性盒设置align-items：center，让弹性项目在侧轴上居中。相对定位元素，top：0；bottom：0；定高；上下margin：auto。相对定位元素，top：50%；transform：translateY(-50%)。转载于:https://www.cnblogs.com...

2019-07-26 14:05:00 88

转载块级元素的水平居中

水平居中(包含块中居中) 定宽，左右margin为auto。(常规流块盒、弹性项目[不用定宽]) 弹性盒设置justify-content：center，让弹性项目在主轴上居中。(普遍适应) 父元素设置text-align：center，让其内部的行盒、块盒居中(文本)。相对定位元素，left：0；right：0；定宽；左右margin：auto。相对定位元素，marg...

2019-07-26 14:04:00 181