1.$(document).ready 和 window.onload的区别:
① $(document).ready : 在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。
② 能同时编写多个,两个函数都执行
window.onload:
①是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比 window.onload先执行。
②不能编写多个,此时第二个覆盖第一个
2.$(document).ready作用:
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。
3.jquery对象与DOM对象互相转换
jquery--->dom
var $test = $("#test");
var test = $test[0]; //jQuery对象是一个数组,可通过索引得到DOM对象
var test = $test.get(0); //用jQuery提供的get(index)方法得到DOM对象
dom---->jquery
$("#test");
4.jquery 选择器的优点
①兼容性好
②代码更简单
③完善的检测机制
5.html()和text()的区别
html():用于获取第一个匹配元素的HTML内容或文本内容
html(content):用于设置所有匹配元素的HTML内容或文本内容
text():用于获取所有匹配元素的文本内容
text (content):用于设置所有匹配元素的文本内容
6.事件冒泡
停止冒泡:event.stopPropagation();
7.jquery遍历
8.animate动画 if(!$('').is(":animated")) ---判断是否已存在动画,不存在添加
9.ajax(Asynchronous JavaScript and XML)
①同步异步请求区别
同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。
异步是指:发送方发出数据后,不等接收方发回响应,接着发送下 个数据包的通讯方式
②使用到的技术
js xml xhtml css dom XMLHttpRequest
③开发步骤
first:初始化xmHTTPlRequest对象
second:指定响应处理函数
third:发送HTTP请求
forth:处理返回结果 xmlhttprequest对返回结果有两种处理结果:1.当成字符串处理 2.当成xml文档使用,使用dom处理
10.json
①json格式
普通格式:
{ "firstName": "Brett" }
数组格式:
[{ "firstName": "Brett" } ,{ "firstName": "dada" } ,{ "firstName": "23dad" } ]
②json解析方法
$.parseJSON(str)
只能解析字符串类型的,无法解析json格式的
eval("("+str+")")
源生解析方式 ,json类型和字符串类型都可以解析
③jquery ajax访问详解
$.ajax(function(){
url:" ", 想要访问的后台地址
type:"", 请求方式,post/get
datetype:"", 通过dataType选项还可以指定其他不同数据处理方式。除了单纯的XML,还可以指定 html、json、jsonp、script或者text,text和html类型返回的数据不会经过处理
async:“”, 异步请求还是同步请求,默认状态下是异步请求(true)
date:“”, 发送到服务器的数据
success:function(date,textStatus){}, 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态
error:function(XMLHttpRequest, textStatus, errorThrown){}, 请求失败时将调用此方法。
});