jQuery

##第一个jQuery程序 $(‘div’).html(“hello.world”); ##DOM对象和jQuery对象互转化 jQuery对象和DOM对象是不一样的，但是都能操作DOM get()方法（jquery对象转化为DOM对象） var $main =$(’.main’); // jquer对象 var main = $main.get(0); // 通过get方法，转化成DOM对象 main.style.color = ‘#c7edcc’; // 操作DOM对象属性 DOM对象转化为jQuery对象 var main = document.getElementsByClassName(‘main’); // DOM对象 var $main = $(main); // jQuery对象 $main.css(‘color’,’#c7edcc’); // 操作jQuery对象属性 ##jQuery选择器 元素选择器 $(‘div’) ID选择器 $("#main") id是唯一性，只能在页面中使用一次 类选择器 $(’.main’) 全选择器 $(’*’) 层次选择器 $(‘div .main’) 属性选择器 $(“a[href=“https://xiaochenabc123.test.com”]”) // 选择带href属性的a元素 可以使用前缀或者后缀来选择 $(“div[name^=“yes”]”) // 选择div标签的neme属性值为yes开头的 $(“div[name$=“yes”]”) // 选择div标签的neme属性值为yes结尾的 组合选择器 $(“div[class=divs]”) 组合选择器其实就是用多个选择器组合起来 多项选择器 $(“div[class=divs],a[href=“https://xiaochenabc123.test.com”) 多项选择器就是将多个选择器用逗号组合起来 层级选择器 $(“ul.nev li.active”)...

ajax()是jQuery中定义的一个方法，该方法用于执行ajax请求，例如： $(document).ready(function(){ $("button").click(function(){ $.ajax({ type: "GET", url: "https://httpbin.org/get", success: function(getdata){ console.log(getdata) } }) }) }); 参数 url：指定发送请求的URL，默认是当前页面 type：指定请求方式（GET或者POST） success：当请求成功时执行的函数 data：指定要发送到服务端的数据 dataType：预期服务端响应过来的数据类型 async：指定请求是否异步（布尔值） beforeSend：在发送请求之前执行的函数 cache：指定客户端是否缓存被请求页面，默认是true（布尔值） complete：在请求完成时执行的函数（不管是否发送成功） contentType：指定要发送到服务端时使用的内容类型 context：指定所有ajax相关的回调函数规定this值 dataFilter：指定用于处理ajax返回的原始响应数据的函数 error：指定请求失败时执行的函数 global：指定请求是否触发全局ajax事件，默认为true ifModified：指定是否在最后一次请求 jsonp：指定一个jsonp请求中重写回调函数的字符串 jsonpCallback：指定一个jsonp回调函数的名称 processData：指定是否将请求发送的数据转换为查询字符串，默认为true scriptCharset：指定请求的字符集 timeout：指定请求超时时间（单位：毫秒） traditional：指定是否使用传统的方式来序列化数据 username：指定响应http访问认证请求的用户名 password：指定响应http访问认证请求的密码 xhr：用于重写或者增强XMLHttpRequest对象的函数