jQuery教程

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笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!