首页 > 其他分享> 文章详细

jQuery笔记

2022-05-04 22:32:05 阅读：159 来源： 互联网

标签：jQuery function 请求 dom 对象笔记 json 选择器

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,function,请求,dom,对象,笔记,json,选择器
来源： https://www.cnblogs.com/yangjiaxing/p/16222719.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

jQuery笔记