jQuery笔记

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)