- 博客(25)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 AJAX
创建XMLHttpRequest对象的语法variable=new XMLHttpRequest();对于IE5和IE6variable=new ActiveXObject("Microsoft.XMLHTTP");兼容var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
2017-05-30 23:56:49
220
原创 添加删除类切换类
添加$("button").click(function(){ $("p:first").addClass("intro");});删除$("button").click(function(){ $("p:first").removeClass("intro");});切换类 栗子 语法 $(selector).toggleClass(class,switch)$('button'
2017-05-30 16:06:32
436
原创 attr()
定义和用法 attr() 方法设置或返回被选元素的属性值。 根据该方法不同的参数，其工作方式也有所差异。设置被选元素的属性和值$(document).ready(function(){ $('button').click(function(){ $('img').attr("width","180px"); });})返回属性值$(selector).attr(
2017-05-30 10:09:20
418
原创 append和appendTo的使用方法
append$("button").click(function(){ $("p").append(" <b>Hello word!</b>");});$('button').click(function(){ $('p').append("<b>添加内容</b>")});appendTo$('button').click(function(){ $('<b>添加成功</b
2017-05-30 00:57:36
1890
原创 jQuery--选择器
基本筛选选择器 应用举例$(".div:first")$(".div:last")$(".div:even")$(".div:odd")$(".aaron:eq(2)")$(".aaron:gt(3)")$(".aaron:lt(2)")<div class="left"> <div> <input type="checkbox" name
2017-05-29 22:46:32
275
原创 jQuery基础-样式篇
jQuery选择器之id选择器：$( "#id" ) id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的jQuery选择器之class选择器：代替getElementsByClassName()；$(".class")循环 <script type="text/j
2017-05-28 21:20:32
361
原创 定位详解
浮动 当一个元素浮动时，一个元素的位置依赖于放置在它周边的其他元素，那么围绕在他周边的是哪些元素，会换行吗？这取决于围绕于他的DOM（文本对象模型）现在我要讲一个重点了 虽然浮动相当给力，但是也存在一些缺陷。典型的例子就是：当父元素包含了多个子元素，子元素设置了宽度，当子元素都浮动起来的时候，他们就不会影响父元素的宽度，因此，父元素就会塌陷。那么我们如何来清楚浮动呢？ 方法一：overflow
2017-05-24 03:13:06
225
原创 三栏式布局中的tips
虽然是一个很简单的题目，但是由于自己布局定位没有学好，简单的页面做了几个小时，但是也是有收获的，下面我来分析一下我在做页面时遇到的问题以及收获。首先：三栏式布局最好不要用css表格，因为框框太多，容易糊涂 三栏式布局 一、绝对定位法：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。首先需要三个div，将左右两边的div的posi
2017-05-22 20:59:24
276
原创 outline
定义和用法 outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 注释：轮廓线不会占据空间，也不一定是矩形。 outline 简写属性在一个声明中设置所有的轮廓属性。 可以按顺序设置如下属性： outline-color outline-style outline-width<!DOCTYPE html PUBLIC "-//W3C//DTD X
2017-05-21 17:22:34
10931
原创 css3-transform
<!DOCTYPE html><html><head><style> div{width:100px;height:75px;background-color:yellow;border:1px solid black;}div#div2{transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-mo
2017-05-19 23:32:26
201
原创 css动画
有一个重要的属性 animation 语法animation: name duration timing-function delay iteration-count direction;值 描述animation-name 规定需要绑定到选择器的 keyframe 名称。。animation-duration 规定完成动画所花费的时间，以秒或毫秒计。animation-timing
2017-05-19 23:18:39
606
原创 字符串
ASCII字符可以以\x##形式的十六进制表示，例如：'\x41'; // 完全等同于 'A'还可以用\u####表示一个Unicode字符：'\u4e2d\u6587'; // 完全等同于 '中文'多行字符串由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 表示：alert(`这是一个三行文本`);模板字符串要把多个字符串连接起来，可以用+号连接
2017-05-19 21:28:05
228
原创 字符串对象
对一直字符串进行操作var str="Life is a foreign language;all men mispronounce it";测试长度str.length;为字符串添加样式var txt="Hello World!"document.write("<p>Big: " + txt.big() + "</p>")document.write("<p>Small: " + txt.sm
2017-05-17 22:33:53
148
原创 <frameset>
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。 注意：您不能与 标签一起使用 标签。不过，如果您需要为不支持框架的浏览器添加一个 标签，请务必将此标签放置在 标签中！下面是cols和rows的具体适用方法 http:/
2017-05-15 23:46:00
338
原创 BOM.window对象
全局变量会归在window对象名下 但是全局变量不能通过delete操作符删除 但是window对象上定义的属性可以被delete删除var age =29;window.color="red";delete window.age;//返回错误delete window.color;//返回正确
2017-05-15 23:41:14
190
原创 字符字面量及字符串的特点
字符字面量\xnn 以十六进制代码nn表示一个字符，例如：\x41表示A\unnnn 以十六进制代码nnnn表示一个Unicode字符。例如：\u03a3表示西格玛alert(text.length);//返回长度如果字符传中含有双字节字符，那么可能不会精确的返回字符
2017-05-15 20:51:46
642
原创 函数变量
向未声明的 JavaScript 变量来分配值 如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。 这条语句： carname=”Volvo”; 将声明一个全局变量 carname，即使它在函数内执行。
2017-05-10 21:28:07
236
原创 js变量、数组、对象
1,当您向变量分配文本值时 2,当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。一条语句，多个变量 您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：var name="Gates", age=56, job="CEO";声明也可横跨多行：var name="Gates",age=56,jo
2017-05-10 20:52:59
184
原创 js访问、输出及换行
A.如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。 请使用 “id” 属性来标识 HTML 元素： 例子 通过指定的 id 来访问 HTML 元素，并改变其内容：<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My Firs
2017-05-10 20:26:21
1195
转载 sublime的快捷键
1、Ctrl + Enter在当前行下面新增一行然后跳至该行；Ctrl + Shift + Enter在当前行上面增加一行并跳至该行。 2、Ctrl + ←/→进行逐词移动，相应的，Ctrl + Shift + ←/→进行逐词选择。 3、Ctrl + ↑/↓移动当前显示区域，Ctrl + Shift + ↑/↓移动当前行。 4、Ctrl + D选择当前光标所在的词并高亮该词所有出现的位置，再次
2017-05-09 13:46:04
182
转载 定位
position用来设定元素的定位类型，有absolute（绝对定位）、relative（相对定位）、static（静态定位，默认值）、fixed（固定定位）四种。 static：默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。 relative：位置被设置为 relative 的元素，可
2017-05-02 13:06:50
260
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人