您的位置:首页 > Web前端 > JQuery

jquery,html标签及ajax基本操作[基础]

2018-03-19 10:29 609 查看
jQuery - 添加元素
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

获得内容 - text()、html() 以及 val()
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值

获取属性 - attr()
jQuery attr() 方法用于获取属性值

元素选择器
$("p")
#id 选择器
$("#test")
.class 选择器
$(".test")


jQuery ajax:

定义和用法
ajax() 方法通过 HTTP 请求加载远程数据。
该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。
最简单的情况下,$.ajax() 可以不带任何参数直接使用。

语法
jQuery.ajax([settings])

参数
options
async
beforeSend(XHR)
cache
complete(XHR, TS)
contentType
context
data
dataType
error
global
ifModified
jsonp
jsonpCallback
password
processData
scriptCharset
success
traditional
timeout
type
url
username
xhr

回调函数
beforeSend
error
dataFilter
success
complete

示例
$.ajax({
url: "{:U('user/doLogin')}",
type: 'post',
data:{'login': formData},
success: function (datas) {
var jsonObj = datas;
//x]console.log( jsonObj );
if (jsonObj.error_code != 200){
alert("登录失败:"+ jsonObj.error_msg);
}else {
//x]alert('登录成功!');
window.location.href="{:U('user/index')}";

}
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: