$下常用方法

$().xxx:只能给jq对象用

$.xxx不仅可以给jq用也可以给原生js用，叫做工具方法

$.type()

  1. <script>
  2. $(function(){
  3. 	var a= new Date;
  4. 	//alert($.type(a));//可以判断更多的类型
  5. 	alert(typeof a);
  6. })
  7. </script>

$.trim()

  1. <script>
  2. $(function(){
  3. 	var str='  string  ';
  4. 	alert('('+$.trim(str)+')');//去除空格
  5. })
  6. </script>

$.inArray()

  1. <script>
  2. $(function(){
  3. 	var arr=['q','w','e','r'];
  4. 	alert($.inArray('e',arr));
  5. 	//类似与indexOf,在arr中找e，找得到返回2，找不到返回-1
  6. })
  7. </script>

$.proxy()

  1. <script>
  2. $(function(){
  3. 	/*function show(){
  4. 		alert(this);
  5. 		}
  6. 	//show();
  7. 	$.proxy(show,document)();*/
  8. 	/*function show(n1,n2){
  9. 		alert(n1);
  10. 		alert(n2);
  11. 		alert(this);
  12. 		}
  13. 	$.proxy(show,document)(3,4);*/
  14. 	/*function show(n1,n2){
  15. 		alert(n1);
  16. 		alert(n2);
  17. 		alert(this);
  18. 		}
  19. 	$.proxy(show,document,3,4)();*/
  20. 	/*function show(n1,n2){
  21. 		alert(n1);
  22. 		alert(n2);
  23. 		alert(this);
  24. 		}
  25. 	$.proxy(show,document,3)(4);*/
  26. 	//两种传参
  27. 	/*function show(n1,n2){
  28. 		alert(n1);
  29. 		alert(n2);
  30. 		alert(this);
  31. 		}
  32. $(document).click($.proxy(show,window,3,4));//点击的时候，this指向window，执行show*/
  33. 	function show(n1,n2){
  34. 		alert(n1);
  35. 		alert(n2);
  36. 		alert(this);
  37. 		}
  38. 	$(document).click($.proxy(show,window)(3,4));//页面一打开就执行show
  39. })
  40. </script>

$.noConflict()

  1. <script>
  2. //$也可以用jQuery替换
  3. //noConflict（）：防止冲突
  4. 	var zsw=$.noConflict();
  5. 	var $=1;
  6. 	zsw(function(){
  7. 		zsw('body').css('background','red');
  8. 		})
  9. </script>

$.parseJSON()

  1. <script>
  2. //把传过来的数据解析成json
  3. var str='{"name":"hello"}';
  4. alert($.parseJSON(str).name);
  5. </script>

$.makeArray()

  1. <script>
  2. $(function(){
  3. 	var oDiv=document.getElementsByTagName('div');//类数组
  4. 	$.makeArray(oDiv).push();//把类数组转化成真正的数组
  5. })
  6. </script>
  7. </head>
  8. <body>
  9. <div></div>
  10. <div></div>
  11. <div></div>
  12. <div></div>

$.ajax()

jq的插件操作

$.extend:扩展工具方法下的插件形式 $.xxx()

$.fn.entend:扩展到jq对象下的插件形式 $().xxx()

  1. <style>
  2. #div{width:100px;height:100px;background:red;position:absolute;}
  3. </style>
  4. <script>
  5. $.extend({//可以写多个插件
  6. 	leftTrim : function(str){
  7. 		return str.replace(/^\s+/,'');
  8. 		},
  9. 	aaa:function(){
  10. 		alert(1);
  11. 		}
  12. });
  13. $.fn.extend({
  14. 	drag:function(){
  15. 		//this:$('#div1')
  16. 		var disX=0;
  17. 		var disY=0;
  18. 		var This=this;
  19. 		this.mousedown=function(ev){
  20. 			disX=ev.pageX-$(this).offset().left;
  21. 			disY=ev.pageY-$(this).offset().top;
  22. 			$(document).mousemove(function(ev){
  23. 				This.css('left',ev.pageX-disX);
  24. 				This.css('top',ev.pageY-disY);
  25. 				})
  26. 			$(document).mouseup(function(){
  27. 				$(this).off();
  28. 				})
  29. 			return false;
  30. 			}
  31. 		},
  32. 		aaa:function(){
  33. 			alert(2);
  34. 			}
  35. 	})
  36. </script>
  37. <script>
  38. /*var str='  work  ';
  39. alert('('+$.leftTrim(str)+')');*/
  40. $(function(){
  41. 	$('#div').drag();
  43. 	$.aaa();
  44. 	$().aaa();
  45. })
  46. </script>
  47. </head>
  48. <body>
  49. <div id="div"></div>
  50. </body>

jQuery（六）的更多相关文章

  1. 从零开始学习jQuery (六) AJAX快餐

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...

  2. 从零开始学习jQuery (六) jquery中的AJAX使用

    本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即 ...

  3. jQuery(六)、事件

    1 页面载入 1.ready(fn) 当DOM载入完后绑定一个要执行的函数. 这是事件模块中最重要的一个函数,可以极大地提高web应用程序的响应速度. $(document).ready(functi ...

  4. 从零开始学习jQuery(转)

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...

  5. Jquery系列教程

    最近想重新温习下Jquery,发现园子里有个很棒的系列教材,所以Mark下来. 转载自:http://www.cnblogs.com/zhangziqiu/tag/jQuery%E6%95%99%E7 ...

  6. 从零开始学习jQuery

    转自:http://www.cnblogs.com/zhangziqiu/archive/2009/04/30/jQuery-Learn-1.html 本系列文章导航 从零开始学习jQuery (一) ...

  7. 【转】jQuery教程

    “jQuery风暴” 推荐及配套代码下载 ziqiu.zhang 2011-03-24 00:28 阅读:15339 评论:100   从零开始学习jQuery(剧场版) 你必须知道的javascri ...

  8. 系列文章--jQuery教程

    从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQu ...

  9. 【学习笔记】jQuery的基础学习

    [学习笔记]jQuery的基础学习 新建 模板 小书匠  什么是jQuery对象? jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果 ...

  10. 使用jQuery开发tab选项卡插件

    为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动 ...

随机推荐

  1. [ ArcGIS for Server 10.1 系列 ] - 重新创建Site

    一般当ArcGIS Server Site发生错误.ArcGIS Server无法启动或者ArcGIS Server某服务没有实例,就可能需要重新的创建Site.有时可以通过重新创建Site,就发现其 ...

  2. API--ResponseBody-类

    import com.fasterxml.jackson.annotation.JsonInclude; import com.fasterxml.jackson.annotation.JsonInc ...

  3. UVA10129-Play on Words（欧拉路径）

    Problem UVA10129-Play on Words Accept: 2534  Submit: 19477 Time Limit: 3000 mSec Problem Description ...

  4. Android Studio 运行找不到夜神模拟器

    夜神模拟器开着,Android studio 找不到模拟器 解决方法:1.进入CMD,转到夜神安装目录 cd D:\Program Files (x86)\Nox\bin 2.执行命令:nox_adb ...

  5. sparse 稀疏函数的用法

    sparse函数 功能:创建稀疏矩阵 用法1:S=sparse(X)—将矩阵X转化为稀疏矩阵的形式,即矩阵X中任何零元素去除,非零元素及其下标(索引)组成矩阵S. 如果X本身是稀疏的,sparse(X ...

  6. linux 用xshell工具远程登录

    1.设置linux,获取ip,登录名.密码 2.xshell登录

  7. OOM异常的4种可能分析

    OOM异常:OutOfMemoryError 1.JAVA堆溢出 JAVA堆用于存储对象实例,只要不断的创建对象,并且保证GC Roots到这些对象之间有路径可以来避免垃圾回收机制清除这些对象,那么在 ...

  8. Subversion 1.8.9 ( SVN Client ) 安装最新版本的svn客户端

    For CentOS7 Users: [WandiscoSVN] name=Wandisco SVN Repo baseurl=http://opensource.wandisco.com/cento ...

  9. CF1110E Magic Stones 差分

    传送门 将原数组差分一下,设\(d_i = c_{i+1} - c_i\) 考虑在\(i\)位置的一次操作会如何影响差分数组 \(d_{i+1}' = c_{i+1} - (c_{i+1} + c_{ ...

  10. Luogu4131 WC2005 友好的生物 状压DP

    传送门 首先$C_i$是没有意义的,因为可以直接让$d_i \times= C_i$,答案也是一样的 所以我们现在考虑求$(\sum_{i=1}^{K-1} |d_{p,i}-d_{q,i}|) - ...