$下常用方法

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

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

$.type()

<script>

$(function(){

	var a= new Date;

	//alert($.type(a));//可以判断更多的类型

	alert(typeof a);

})

</script>

$.trim()

<script>

$(function(){

	var str='  string  ';

	alert('('+$.trim(str)+')');//去除空格

})

</script>

$.inArray()

<script>

$(function(){

	var arr=['q','w','e','r'];

	alert($.inArray('e',arr));

	//类似与indexOf,在arr中找e，找得到返回2，找不到返回-1

})

</script>

$.proxy()

<script>

$(function(){

	/*function show(){

		alert(this);

		}

	//show();

	$.proxy(show,document)();*/

	/*function show(n1,n2){

		alert(n1);

		alert(n2);

		alert(this);

		}

	$.proxy(show,document)(3,4);*/

	/*function show(n1,n2){

		alert(n1);

		alert(n2);

		alert(this);

		}

	$.proxy(show,document,3,4)();*/

	/*function show(n1,n2){

		alert(n1);

		alert(n2);

		alert(this);

		}

	$.proxy(show,document,3)(4);*/

	//两种传参

	/*function show(n1,n2){

		alert(n1);

		alert(n2);

		alert(this);

		}

$(document).click($.proxy(show,window,3,4));//点击的时候，this指向window，执行show*/

	function show(n1,n2){

		alert(n1);

		alert(n2);

		alert(this);

		}

	$(document).click($.proxy(show,window)(3,4));//页面一打开就执行show

})

</script>

$.noConflict()

<script>

//$也可以用jQuery替换

//noConflict（）：防止冲突

	var zsw=$.noConflict();

	var $=1;

	zsw(function(){

		zsw('body').css('background','red');

		})

</script>

$.parseJSON()

<script>

//把传过来的数据解析成json

var str='{"name":"hello"}';

alert($.parseJSON(str).name);

</script>

$.makeArray()

<script>

$(function(){

	var oDiv=document.getElementsByTagName('div');//类数组

	$.makeArray(oDiv).push();//把类数组转化成真正的数组

})

</script>

</head>

<body>

<div></div>

<div></div>

<div></div>

<div></div>

$.ajax()

jq的插件操作

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

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

<style>

#div{width:100px;height:100px;background:red;position:absolute;}

</style>

<script>

$.extend({//可以写多个插件

	leftTrim : function(str){

		return str.replace(/^\s+/,'');

		},

	aaa:function(){

		alert(1);

		}

});

$.fn.extend({

	drag:function(){

		//this:$('#div1')

		var disX=0;

		var disY=0;

		var This=this;

		this.mousedown=function(ev){

			disX=ev.pageX-$(this).offset().left;

			disY=ev.pageY-$(this).offset().top;

			$(document).mousemove(function(ev){

				This.css('left',ev.pageX-disX);

				This.css('top',ev.pageY-disY);

				})

			$(document).mouseup(function(){

				$(this).off();

				})

			return false;

			}

		},

		aaa:function(){

			alert(2);

			}

	})

</script>

<script>

/*var str='  work  ';

alert('('+$.leftTrim(str)+')');*/

$(function(){

	$('#div').drag();

	$.aaa();

	$().aaa();

})

</script>

</head>

<body>

<div id="div"></div>

</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. mvn 的 provided 以及 test等等 还有git团队开发技巧

    mvn 的 provided 以及 test等等 还有git团队开发技巧

  2. Qt 编程指南 3 信号和槽沟通

    https://qtguide.ustclug.org/ 1 信号和槽 所谓信号槽,简单来说,就像是插销一样:一个插头和一个插座.怎么说呢?当某种事件发生之后,比如,点击了一下鼠标,或者按了某个按键, ...

  3. 如何在Qt Creator中添加库文件和头文件目录

    在使用QtCreator开发图像处理程序的时候想加入Opencv库来处理图形,添加头文件,需要编辑工程文件夹下的.pro文件在文件中添加以下内容,即可包含头文件的文件夹: INCLUDEPATH += ...

  4. python链家网高并发异步爬虫asyncio+aiohttp+aiomysql异步存入数据

    python链家网二手房异步IO爬虫,使用asyncio.aiohttp和aiomysql 很多小伙伴初学python时都会学习到爬虫,刚入门时会使用requests.urllib这些同步的库进行单线 ...

  5. 个人css编写规范

    前言:最近在做微信小程序,因为公司小,就我一个人弄前端的东西,js和页面都是我来弄,结果那天后台的人看到我的js代码,说我的代码写得不规范,函数什么的都很乱,弄得我羞愧难当,幸亏没看我的css,其实我 ...

  6. DHT11温度传感器应用电路

    DHT11应用电路: 注意点: Vcc和GND之间连接一个100 μF的一个电解电容(通常电容的取值在100μF-300μF之间,滤波) SWI接一个5K的上拉电阻,目的是增强驱动能力

  7. Centos7下完美安装并配置mysql5.6

    Centos7将默认数据库mysql替换成了Mariadb,对于我们这些还想用mysql的人来说并不是一个好消息. 最近我搜罗了网上各种安装教程,各种出问题,要么安装失败,要么安装成功了却使用不了my ...

  8. 如何屏蔽在Skyline的TerraExplorer中加载Shape或者KML等数据时的缓冲提示信息

    在使用TerraExplorer软件或者二次开发自定义打开FLY工程时,以及在已有的FLY工程中导入其他矢量数据,如SHP.WFS图层.KML图层时,总会看到类似下图的提示信息: 有些用户问,如何能屏 ...

  9. TCP/IP协议--TCP的超时和重传

    TCP是可靠传输.可靠之一体现在收到数据后,返回去一个确认.但是不能完全避免的是,数据和确认都可能丢失.解决这个办法就是,提供一个发送的重传定时器:如果定时器溢出时还没收到确认,它就重传这个报文段. ...

  10. FileShare枚举的使用(文件读写锁) - (转载)

    开发过程中,我们往往需要大量与文件交互,但往往会出现很多令人措手不及的意外,所以对普通的C#文件操作做了一次总结,问题大部分如下: 写入一些内容到某个文件中,在另一个进程/线程/后续操作中要读取文件内 ...