47jQuery2
一、DOM操作
内部插入
- $(selector).append(content)
将content追加到selector内部的最后面
- content.appentT0($(selector))
将content追加到selector内部的最后面
- $(selector).prepend(content)
将content追加到selector内部的最前面
- content.prepentTo($(selector))
将content追加到selector内部的最前面
外部插入
- $(selector).after(content)
将content追加到selector外部的最后面
- content.insertAfter($(selector))
将content追加到selector外部的最后面
- $(selector).bofore(content)
将content追加到selector外部的最前面
- content.insertBefore($(selector))
将content追加到selector外部的最前面
二、文本和值的操作
表单元素
- val() 获取value的属性值
- val(value) 设置value的属性值
非表单元素
- html() 获取标签的内容(会解析其中的标签,类似于innerHTML)
- text() 获取标签的内容(不会解析其中的标签,类似于innerText)
三、遍历
- each()
$.each(jQuery对象或数组, function(k, v){
})
// 或者
jQuery对象或数组.eacn(function(k, v){
})
四、ajax
第一种
- $.ajax(object)
参数
键名 | 说明 |
---|---|
type | 请求的方式。常用的有get和post默认为get请求 |
url | 请求的地址。 |
data | 携带的请求参数,格式为请求字符串id=3&age=28或者json格式 {id:3,age:28} |
async | 是否异步请求,默认为true异步,false同步 |
dataType | 指定服务器返回的数据类型,值有text、json、xml等如果是post请求,此参数application/x-www-form-urlencoded |
cache | 是否允许缓存,默认为true缓存,false不缓存 |
success(重点) | 当Ajax状态码为4且http响应状态码为200时所触发的回调函数 |
beforeSend(重点) | 发送请求之前触发的回调函数,一般用做loading提示加载等效果。 |
complete | 当Ajax状态码(readyState)为4的时候所触发的回调函数 |
error | 发送失败的回调函数,如请求的文件不存在会触发 |
第二种
- $.get(url, [data], [callback], type)
- $.post(url, [data], [callback], type)