luffot-CSDN博客

原创 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 184

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

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

2017-11-12 22:42:05 258

原创 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 184

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

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

2017-11-06 14:41:49 726

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

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

2017-11-06 14:31:35 619

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

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

2017-11-06 13:44:27 325

原创 LESS预处理器

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

2017-10-29 22:16:58 517

原创 JS BOM

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

2017-10-29 22:12:54 181

原创 JS选择器

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

2017-10-29 22:07:59 923

原创 window对象

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

2017-10-29 22:05:04 216

原创动画过渡效果

动画使用动画必要的两个属性 1：动画名称 animation-name 2：动画持续时间 animation-duration 3：动画使用的速度函数 animation-timing-function 4.动画的播放次数取值可以为具体次数也可以为无限播放：animation-iteration-count 5.动画在下一次播放的方向：animation-di

2017-10-29 21:59:33 252

原创 HTML DOM知识点整理

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

2017-10-29 21:58:10 401

原创 JavaScript数组

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

2017-10-29 21:55:08 345

原创烟台大学官网静态图

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

2017-10-12 19:20:03 692

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

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

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

原创 css定位整理

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

2017-09-28 09:18:04 144

原创 html学习整理

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

2017-09-21 19:23:49 173

原创 HTML第一天学习总结

新手刚刚上路，有什么不对的地方希望各位IT老司机多多指教

2017-09-19 09:23:42 367

luffot的博客