- 博客(18)
- 收藏
- 关注
原创 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
294
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人