51dev.com IT技术开发者社区

51dev.com 技术开发者社区

JQuery

jquery源码基本结构和插件写法

jquery源码基本结构和插件写法

1.jquery源码基本结构(function(w){//工厂functionjQuery(selector,context){//直接返回一个new实例,这样可以隐藏new过程,使用jQuery('#id')创建对象,而不是newjQuery('#id')returnnewjQuery.fn.init(selecto...

jquery Promise和ES6 Promise的区别

jquery Promise和ES6 Promise的区别

1.Deferred对象有resolve和reject方法,可以直接修改状态jquery用Deferred实现了Promise规范,Deferred与ES6Promise的最大区别是:Deferred对象有resolve()和reject()方法,可以直接随时修改该对象的状态。比如:vardef=$.Deferred(...

jquery defered的progress方法实现进度条

jquery defered的progress方法实现进度条

效果如图:实现代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&...

jquery validate用法总结

jquery validate用法总结

jqueryvalidate是本人用过的最好用的验证组件,但其文档写的真是不敢恭维,现将一些常见用法总结如下(持续更新)。1.js触发表单验证//触发整个表单的验证$('form').valid()//触发单个元素的验证$("#form1").validate().element($("#salary"))2.不用fo...

jquery工具方法总结

jquery工具方法总结

$.extend对象合并,支持深拷贝$.each相当于array.each或object.each,可以遍历数组和对象$.grep相当于array.filter$.map相当于array.map$.merge相当于array.concat$.inArray相当于array.indexOf,返回元素在数组中的索引,无则返...

jquery插件写法

jquery插件写法

//传统写法//全局方法;(function($){$.method=function(){}//or$.obj={method1:function(){},method2:function(){}}})(jQuery);//对象方法;(function($){$.fn.myPlugin=function(option...

jquery ajax 提交 FormData

jquery ajax 提交 FormData

$('form').submit(function(){  varformdata=newFormData(this);  $.ajax({    type:'POST',    url:'/url/path',    data:formdata,    /**     *必须false才会自动加上正确的Co...

jQuery阻止冒泡和HTML默认操作

jQuery阻止冒泡和HTML默认操作

jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 1:jQuery是一个快捷简便的JavaScript框架,说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 &nbs...

jquery 页面滚动到底部自动加载插件集合

jquery 页面滚动到底部自动加载插件集合

很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐10个jQuery的无限滚动的插件: 1. jQueryScrollPaginationjQueryScrollPaginationplugin是一个jQuery实现的支持无限滚动加...

jQuery跨域

jQuery跨域

JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调...

html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法

html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法

  其实html5已经扩展了class操作的相关API,其中classList属性就以及实现了class的增删和判断。  classList属性的方法有:add(value)添加类名,如果有则不添加contains(value)判断是否存在类名,返回Boolean值remove(value)从列表中删除类名toggle...

JS组件系列——显示隐藏密码切换的jQuery插件

JS组件系列——显示隐藏密码切换的jQuery插件

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="utf-8"><title>可显示隐藏密码切换的jQuery插件</title><styletype="text/css">*{ma...

jQuery对象的序列化详解

jQuery对象的序列化详解

一、param()方法创建数组或对象的序列化表示。  该序列化值可在进行AJAX请求时在URL查询字符串中使用。语法:  jQuery.param(object,traditional)  object要进行序列化的数组或对象  traditional规定是否使用传统的方式浅层进行序列化(参数序列化)。  $.ajax...

深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

  本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。1、$.get  $.get()方法使用GET方式来进行异步请求,它的语法结构为:$.get(url[,data][,callback])  解释一下这个函数的各个参数:url:string类型,ajax请...

jQuery.toggleClass() 和detach()方法详解

jQuery.toggleClass() 和detach()方法详解

一、toggleClass()函数:  toggleClass()函数用于切换当前jQuery对象所匹配的每一个元素上指定的css类名。所谓"切换",就是如果该元素上已存在指定的类名,则移除掉;如果不存在,则添加该类名。该函数属于jQuery对象(实例)。  toggleClass()函数的用法比较复杂,其主要有以下两...