对JQuery中Ajax应用与jQuery插件的理解与笔记

Ajax有原生的和封装jQuery版的，感觉JQuery的写法比较简洁明了，不需要去兼容浏览器。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <input type="button" value="测试" />
 9     </body>
10     <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
11     <script type="text/javascript">
12         $(function(){
13             $.ajax({
14                 type:"get",//提交数据方式
15                 url:"",//提交路径
16                 async:true//是否异步
17                 data://数据类型
18             });
19         });
20     </script>
21 </html>

jQuery插件就更有意思了，是一个比较方便的工具，减少开发项目的周期。

自定义jQuery插件的一种方式，这种属于类里面添加方法，给对象调用。还有一种属于类调用,类似于静态方法，

;(function(){$.fn.extend({"color":function(value){return this.css("background-color",value);}});
})(jQuery);

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body><input type="text" /><input type="button" value="变色" /></body><script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script><script type="text/javascript" src="js/jquery.color.js" ></script><script type="text/javascript">$(function(){$("input[type=button]").click(function(){$("input[type=text]").color($("input[type=text]").val());});});</script>
</html>

在插件内部，this指向的是当前通过选择器获取的jQuery对象，而不像一般的方法那样，例如click()方法，内部的this指向的是DOM元素。

可以通过this.each来遍历所有元素。

转载于:https://www.cnblogs.com/chyxOne/p/8982534.html

对JQuery中Ajax应用与jQuery插件的理解与笔记相关推荐

ajax java 插件_对JQuery中Ajax应用与jQuery插件的理解与笔记
Ajax有原生的和封装jQuery版的,感觉JQuery的写法比较简洁明了,不需要去兼容浏览器. 1 2 3 4 5 6 7 8 9 10 11 12 $(function(){ 13 $.ajax( ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
JQuery中Ajax的操作
转载自:http://blog.csdn.net/liujiahan629629/article/details/22229669 Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码 ...
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
关于Jquery中ajax方法data参数用法的总结
关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...
[转]Jquery中AJAX错误信息调试参考
下面是Jquery中AJAX参数详细列表: 参数名类型描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...
Jquery中AJAX参数详细介绍
转载:http://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html Jquery中AJAX参数详细列表: 参数名类型描述 ur ...
jquery中ajax完整例子get,jq的ajax方法，jquery中ajax完整例子
jq的ajax方法,jquery中ajax完整例子相较与js异步对象的繁琐,jq的ajax对象结构更加清晰一:ajax对象简述 ajax(Asynchronous JavaScript and X ...

对JQuery中Ajax应用与jQuery插件的理解与笔记

对JQuery中Ajax应用与jQuery插件的理解与笔记相关推荐

最新文章

热门文章