总结:通过上周发现了自己的很多不足之处,知识多了,时间久容易遗忘,要学会温故而知新,同时通过上周所学的了解了闭包,Jquery以及Ajax,发现有很多需要注意的地方和细节,总之努力去做到温故知新,多加练习,帮自己在练习中的错误和问题找出来去解决,来强化自己所学的知识。
闭包:
特点 1、有嵌套函数。2、外部的变量可以供内部使用,反之不可 3、有垃圾回收机制(两者之间的互相调用会被回收,有三者以上的调用不会被回收 例如:
function a(){
var i=100;
function c(){
i++;
alert(i);
return b;
}
function b(){
var i=90;
alert(i);
}
return c;
});
var k=a();
k()();
k()();
三种写法:
1、基本的写法:
var i=100;
function a(){
alert(i);
}
function c(){
alert(i);
}
2、作用域的写法:
var i=100;
function a(){
var i=20;
alert(i);
}
function c(){
alert(i);
}
3、闭包的写法:
function a(){
var i=0;
function b(){
alert(i);
return c();
}
function c(){
var i=3;
alert(i);
}
return b();
}
a();
匿名函数的写法:
(function(){
alert(i);
})();后面括号表示调用了这个函数,括号内可以写实参。
Jquery:
使用Jquery必须引用在Jquery文件后面。
Jquert使用$()表示对象,有三大选择器:
1、$("#id")
2、$(".class")
3、$("标签")
4、$("属性"),例如$("[herf='']")
动画函数:
1、show()显示
2、hide()隐藏
3、toggle()显示/隐藏
4、fadein()淡入
5、fadeout()淡出
6、fadeToggle()淡入/淡出
7、slideUp()向上滑动
8、slideDown()向下滑动
9、slideToggle()向上/向下滑动
注意:函数里面都可以加入时间参数,单位为毫秒,函数里面都可以加入回调callback参数。
如:
show( 1000, function(){
//回调所执行的函数
});
10、animate("执行的动画操作","时间(毫秒)",可选(回调函数))
$("").animate({"height:1500px",1500,可选(回调函数)})
执行的对象一定要加position属性!
11、stop()停止动画
Jquery Dom 节点 事件 定时器 表单
parent() 父节点
children()子节点,找同一级的所有子节点, find()找到所有子节点
prev()前一个兄弟节点 next()下一个兄弟节点 silbings找到所有的所有节点
eq()索引 括号内下标是从0开始的 返回的是一个Jquery对象 如果要加css 如:eq(0).css("background":"red")
get() 括号内下标也是从0开始的 但是返回的是html 对象数组 如果要加css 如:get(0).style.background="red";
first()找到的是第一个元素
last()找到的是最后一个元素
append、appendTo和after区别
1、append() 方法在被选元素的结尾(仍然在内部)插入指定内容
2、appendTo()appendTo() 方法也是在被选元素的结尾(仍然在内部)插入指定内容,但是写法要与append方法 倒过来写
3、after()方法在被选元素后插入指定的内容
remove(): 则是把其从dom中删除,而不会保留其所占的位置
empty():除 只是移除了指定元素中的所有子节点,保留在dom中的位置 如:<p>empty</p> $("p").empty();只是移除empty文本,但是还是保留了<p></p>;
attr():属性,返回属性
html():可返回html代码;
text():可设置文本
.css():可设置样式
Ajax:
同步:等待服务器响应再执行
异步:不等待服务器响应,同时可以执行别的
Json:是一种数据格式 如:字典 数组 也可以相互嵌套 {"username":"yyz","age":"22","address":{"country":"china","city":["hangzhou","wenzhou"]}}
.load():括号内有两个参数 第一个是url 第二个是状态 success为成功
.get():通过get请求数据 是明文
.post():通过post请求数据 是密文,格式与get相同
.getJson():返回是Json数据文件,请求的是Json文件。
.ajax({
url:"",
async:"true",//是否为异步
type:"get/post",
data:{}//Json
datatype:"Json",
success:function(req){},
error:function(req){}
})
bind():事件绑定
unbind():解除绑定
is():is("div") 是否有div is("input:checked")是否选中
hasclass:一般为是否有这个类 如:hasclass("name") 判断是否有name这个类
Http status code:http协力返回的状态码
404:找不到,请求错误
200:成功
302:请求被跳转
403:没有访问的权限
500:服务器程序错误