(十二)jquery和ajax
一、基本选择器
$(this) //选择当前对象$("div") //便签选择
$("#username") //ID选择
$(".container") //类选择
$("[type='submit']") //属性选择
$("input[type='submit']") //合并便签与属性选择
二、过滤器
$("div:first") //第一个div
:last //最后一个div
:even //偶数行
:eq(x) //第x个,从0开始
:gt(x) //选择大于x的所有元素不包括x
:lt(x) //选择小于x的所有元素不包括x
:checked //所有被选中的元素
三、方法选择
$("td").parent("tr"); //选取父节点
$("tr").children("td"); //选取子节点
.find("") //选取子节点
.contain("") //选择包含某文本的节点
四、常用方法
.html() //获取和设置文本内容
.val() //获取和设置属性
.css("backgroud-color","blue"); //设置和获取样式
.attr("checked","true") //获取和设置属性
.remove() //删除节点以其子节点
.addClass("样式名") //添加样式
.removeClass("") //删除样式
.removeAttr("") //删除属性
.hide() //隐藏
.show() //显示
五、常用时间
.click() //单击事件
.focus() //获取焦点事件
.hover(function(移入),function(移出)) //移入移出事件
.blur() //移出焦点时间
六、节点操作
父节点.append("子节点") //插入节点
A.after("B") //同辈a之后放b
replaceWith() //替换节点
七、遍历
$("li").each(function(i){}) //遍历li便签
八、jquery操作ajax:
$.ajax( {
url : "发送的请求地址",
type : "请求方式",
data : "要发送的数据",
dataType : "服务器返回的数据类型", // "xml html script json text"
beforeSend : function(data) { // 发送请求前执行的代码 },
success : function(data) { // 发送成功后执行的代码 },
error : function() { // 请求失败执行的代码 }
} );