JQuery动画:
显示
$(选择器).show()
隐藏:
$(选择器).hide()
滑动显示: *** 要执行动画的滑动必须要指定宽度,否则根据浏览器不同可能会执行show和hide
$(选择器).slideDown()
$(选择器).slideUp()
淡入淡出
$(选择器).fadeIn()
$(选择器).fadeOut()
JQ中遍历
$("选择器").each(function(i,n) {
i代表当前索引
n代表当前索引对应的元素
this代表当前索引对应的元素
})
$.each(数组, function(i, n) {
i代表当前索引
n代表当前索引对应的元素
this代表当前索引对应的元素
})
事件绑定
1.标准方式
2.on/off bind/unbind
JQ中插件
插件引入顺序
先引入JQ再引入插件
JQ插件中this的含义
插件中的this代表的是JQuery的对象
异步请求:
局部刷新 不刷新网页的情况下,对网页的局部内容进行修改
Ajax支持同步和异步请求
JQuery的ajax的语法:
$.ajax({
type:"get/post",
url:"访问路径",
data:{"key":value,"key":value}/"key=value&key=value",
success:function(data) {
// data是服务器返回的数据
// 实现请求成功后逻辑
// 页面展示
}
dataType:"text/json/jsonp"
})
注意事项:
1.$后面有.
2.data中key必须加"",value根据类型来决定
3.dataType:jsonp是用来解决跨域问题的
$.get/post("访问路径", "参数", 回调函数, "响应结果类型(只有text/json)")
json:
json就是js中的对象
1.json的作用
1.作为配置文件(SS,SSR)
2.作为网络数据格式进行数据传输
json比xml更加适合 --> 更小更快更易解析
定义:
1.对象{"key":value, "key":value}
2.数组
3.复杂
json取值:
1.对象.key
2.对象["key"]
3.对象[索引]
弹框注意是什么类型:
显示内容为字符串类型 --> json字符串
如果显示[object Object] --> json对象
把json字符串转换为json对象:JSON.parse("json字符串"); |
|