luffot-优快云博客

原创 jQuery过滤

head> meta charset="UTF-8"> title>过滤title>head>body>ul> li>烟台大学1li> li>烟台大学2li> li>烟台大学3li> li class="li4">烟台大学4li>ul>div>ol>li>Helloli>ol>div>div>How are you?div>inpu

2017-11-12 22:43:36 206

原创 jQuery属性html()、text()、和val()方法的对比

!--html(): 1:获取元素内的html内容，如果元素包含子标签，会以整体的形式返回。 2:只获取第一个元素的的内容 3：只能获取普通元素的内容，表单元素内容无法获取 html(val): 1:用来设置元素内的html内容 2：具有标签解析功能 3：没办法设置表单元素内容 --><!--text(): 1:获取元素内的

2017-11-12 22:42:05 295

原创 jQuery选择器

/*id选择器*/var div = $("#div1");console.log(div);/*class选择器*/var div2 = $(".div2");console.log(div2);/*元素选择器*/var divs = $("div");console.log(divs);/*通配选择器*/var all = $("*");console.log(al

2017-11-12 22:35:49 215

原创如何给元素添加事件监听和取消事件冒泡

vardiv= document.getElementById("div");/*如何通过DOM2模型给同一个元素添加多个同类型事件监听* 在W3C类型的浏览器下，先声明的先触发* 在IE类型的浏览器下，先声明的后触发*/if(document.addEventListener){div.addEventListener("click",function()

2017-11-06 14:41:49 762

原创如何给同一个元素添加同类型事件

/*DOM0* 1:内联模型（行内绑定）* 2：脚本模型（动态绑定）*/vardiv= document.getElementById("div");div.onclick= function() {console.log(1);};div.onclick= function() {console.log(2);}/*DO

2017-11-06 14:31:35 649

原创 jQuery文档就绪函数和解决多库冲突的问题

/*通过$()获取的元素都是数组类型的，可以通过索引来获取数组里的元素，得到的元素是js类型的*//*js的文档就绪函数不能定义多个。如果定义多个，最后定义的文档就绪函数会覆盖之前的*//*jquery的文档就绪函数可以定义多个不会被覆盖*/jQuery解决多库冲突的问题/*解决冲突方法1：*//*jQuery.noConflict();//jQuery放弃

2017-11-06 13:44:27 352

原创 LESS预处理器

变量：LESS样式中唯一的区别就是变量名之前使用的是@字符作用域：LESS中的作用域和其它程序语言的中的作用域非常的相同，它首先会查找局部定义的变量，如果没有找到，会像冒泡一样，一级一级的往下查找，直到根为止3.混合（JS函数的封装）Mixins是CSS预处理器中语言中最强大的特性，简单点来说，Mixins可以将一部分样式抽出，作

2017-10-29 22:16:58 566

原创 JS BOM

location属性/*完整路径*/console.log("完整路径-href"+ location.href);/*基础路径*/console.log("基础路径-origin"+ location.origin);/*安全协议*/console.log("安全协议-protocol"+ location.protocol);/*主机名称*/

2017-10-29 22:12:54 229

原创 JS选择器

选择器相邻兄弟选择器：元素必须严格相邻，不允许出现其它元素间隔通用兄弟选择器：所有的同级元素，不要求严格相邻id属性选择器：以X结尾的样式发生变化p[ id $ = X ]{}以X开头的id样式发生变化p[ id ^ = X]{}匹配id属性值所有含有X的元素p[ id * = X]{}1:同级别的第几个

2017-10-29 22:07:59 982

原创 window对象

window对象/*输入框参数1：提示信息参数2：默认值*点击确认按钮：返回输入框的值，若没有值，返回一个空对象*/// var age = prompt("年龄")// alert(age)/*确认框返回结果*点击确认按钮：返回true*点击取消按钮：返回false*/// var result = confirm("您

2017-10-29 22:05:04 245

原创动画过渡效果

动画使用动画必要的两个属性1：动画名称 animation-name2：动画持续时间 animation-duration3：动画使用的速度函数 animation-timing-function4.动画的播放次数取值可以为具体次数也可以为无限播放：animation-iteration-count5.动画在下一次播放的方向：animation-di

2017-10-29 21:59:33 284

原创 HTML DOM知识点整理

定时器一次性定时器：setTimeout循环定时器：setInterval获取行内样式/*通过.style方法获取的都是元素的行内样式，非行内样式获取不到*/vartext= document.getElementById("text")text.style.color= "yellow"/*有赋值操作，是对样式进行操

2017-10-29 21:58:10 440

原创 JavaScript数组

数组/*数组的特点* 特点1：内存空间是连续的，可以通过数组索引找到数组里的任意一个数据* 特点2：数组里可以存放任意类型的数据（不推荐！！！）*/script>/*基本数据类型*/varzhangsanHeight= 175;varlisiHeight= zhangsanHeight;zhangsanHeight=

2017-10-29 21:55:08 371

原创烟台大学官网静态图

html>html lang="en">head> meta charset="UTF-8"> style> * { padding: 0; margin: 0; } body { font-family: 宋体; backgroun

2017-10-12 19:20:03 759

原创同济大学官网静态网页图

html>html lang="en">head> meta charset="UTF-8"> style> * { padding: 0; margin: 0; } #banner:after { content: ""; disp

2017-10-12 18:52:03 690 1

原创 css定位整理

绝对定位1.找一个离它最近的，并且使用了定位的父元素，如果没有找到，以body为标准2.元素本身占用的空间被其它元素占用3.可以使用z-index来控制显示的顺序相对定位1.相对于原来的位置进行定位2.如果仅仅添加了相对定位的样式position-relative,显示的效果不发生变化3.使用定位元素发生偏移的，可以使用z-index来调整显示顺序4.相对位

2017-09-28 09:18:04 166

原创 html学习整理

表单的元素用来指定当前的表单数据提交到那个服务器 type:用来指定表单元素的类型 value:用来指定输入框或者按钮的默认显示文本，直白的说就是让文本框显示什么内容 name:用来拼接提交的到服务端的键值对 method:用来指定表单数据提交到服务端的方式（1）：get(默认)：传递的数据以拼接到url的方式传递到服务端缺点：敏感信息会

2017-09-21 19:23:49 192