1.dom对象 和jQuery 对象
dom对象,var obj= document.getElementById("txt1"); obj是dom对象,obj.value;
jQuery对象, var jobj = $("#txt1") , jobj就是使用jquery语法表示的对象。 也就是jquery对象。 它是一个数组。
dom对象可以转为jquery , 语法: $(dom对象)
jquery对象也可以转为dom对象, 语法: 从数组中获取第一个对象, 第一个对象就是dom对象, 使用[0]或者get{0).
2.选择器&
id选择器, 语法: $("#dom对象的id值")
class选择器, 语法: $(".class样式名)
标签选择器, 语法: $("标签名称")
<input>标签的type属性值,定位dom对象的方式。
$(":type属性值")
$(":text") ,选择的是所有的单行文本框,
$(":button") ,选择的是所有的按钮。
3.过滤器
$("选择器:first") : 第一个dom对象
$("选择器:last"): 数组中的最后一个dom对象
$("选择器:eq(数组的下标)") :获取指定下标的dom对象
$("选择器:lt(下标)") : 获取小于下标的所有dom对象
$("选择器:gt(下标)") : 获取大于下标的所有dom对象
表单属性过滤器
$("选择器:enabled")可用的dom对象,disabled,checked
$("选择器>option:selected"):下拉列表框选中的值
4each循环
json={"name"="zhansan","age"=} $.each(json,function (i,n){ i=name/age n=zhangsan }) jQuery.each(functioin(){}) 5.事件
$("#btn").click(funtion(){
alert("btn按钮单击了")
})
js事件去掉on
6 ajax请求
例如: $.ajax( {名称:值, 名称1:值1..... } )
1)async:是一个boolean类型的值, 默认是true ,表示异步请求的。可以不写async这个配置项
xmlHttp.open(get,url,true),第三个参数一样的意思。
2)contentType: 一个字符串,表示从浏览器发送服务器的参数的类型。 可以不写。
例如你想表示请求的参数是json格式的, 可以写application/json
3)data: 可以是字符串,数组,json,表示请求的参数和参数值。 常用的是json格式的数据
4)dataType: 表示期望从服务器端返回的数据格式,可选的有: xml , html ,text ,json
当我们使用$.ajax()发送请求时, 会把dataType的值发送给服务器, 那我们的servlet能够
读取到dataType的值,就知道你的浏览器需要的是 json或者xml的数据,那么服务器就可以
返回你需要的数据格式。
5)error: 一个function ,表示当请求发生错误时,执行的函数。
error:function() { 发生错误时执行 }
6)sucess:一个function , 请求成功了,从服务器端返回了数据,会执行success指定函数
之前使用XMLHttpRequest对象, 当readyState==4 && status==200的时候。
7)url:请求的地址
8)type:请求方式,get或者post, 不用区分大小写。 默认是get方式。
$.ajax({ url: "queryProvince", type:"get", dataType:"json", success:function (json){} }) $.post(url,data,function(resp),dataType) 实例
$.post("queryCity",{id:id},function (json){ $.each(json,function (i,n){ $("#city").append("<option value='"+i+"'>"+n.name+" </option>"); },json)