jQuery笔记

本文主要是介绍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)

这篇关于jQuery笔记的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！