小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
接前文继续来学习 jquery 学习小结
1、梳理知识点
jquery 插件
插件--工具 定义插件的方式 :
方式一:
$.extend({
})
// 方式二 :
$.fn.extend({
})
jquery 的宽度和高度
width()/height()获取实际宽度 outerWidth()/outerHeight() 获取 实际宽度 + padding + border innerWidth()/ innerHeight() 获取实际宽度 + padding
jquery 中的坐标
offset() 返回值是一个 json 对象 有两个属性 left top 获取相对于 body 的上偏移和左偏移 position() 获取离该元素最近的具有定位的元素的左偏移和上偏移 返回值也是一个对象 有 left 和 top 两个属性
上面两个方法的特点 : 只能获取 不能设置
jq 获取页面滚走距离
scrollTop() 可以设置 也 可以获取
jquery 的 ajax
1、ajax 的异步请求之 load 加载公共的 html 文件
- load() 方法是一个局部的方法,通过 jquery 的选择器作为开始调用 load 方法
- load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有 load 加载的数据中的事件都要写在回调函数中
- load()方法如果想要请求不同结构的内容,可以把这些内容写到一个文件中,请求数据时,在 url 后加一个请求容器的选择器名称即可(这里选择器建议使用基本选择器)
load()方法的参数有三个:
- 第一个: 请求的 url
- 第二个: 发送的数据 json 格式 {}
- 第三个参数 : 回调函数
回调函数中有三个参数,分别是:
function(res,type,xhr){
console.log(res); //请求数据
console.log( type );//请求的状态
console.log(xhr); //deffered 对象 (类似于js中promise对象)
}