【Jquery点滴知识 】
barnett_y
成功道路并不拥挤,因为坚持的人不多。。。
展开
-
50 个 jQuery 小技巧
1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"}});2. 解决jQuery, prototype共存,$全局变量冲突问题:<script src="prototype.js">...转载 2018-03-27 18:58:18 · 1008 阅读 · 0 评论 -
JS与Jquery的事件委托
概念:http://www.jianshu.com/p/e6336ade4e53 什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等转载 2017-04-07 14:28:38 · 530 阅读 · 0 评论 -
return false影响事件冒泡
在编写zepto, jquery的事件时,回调函数体中不要使用 return false ,这将阻止事件冒泡,会导致其他的函数捕捉不到事件。比如前一阵,某位同事无意中修改了一个tap事件导致该元素无法触发公共的统计事件,而全不知其影响。栗子在此//html:class="related" data-gjalog="ge">一个按钮//业务代码:$('.relat转载 2017-03-19 22:08:42 · 1556 阅读 · 0 评论 -
Jquery常用知识点
判断元素-是否含有某 class在表单提交之前,我们往往要利用 JavaScript 校验用户输入值,如果用户输入有误,那么我们就往该表单元素添加一个 error 的 class,再配合 CSS,该表单元素就显示为红色,以提醒用户。最后我们还要根据是否有 error 来决定是否提交表单。怎么判断呢?如下:input type="text" name="username"原创 2017-02-27 13:30:43 · 485 阅读 · 0 评论 -
jquery图片查看插件,支持旋转、放大、缩小、拖拽、缩略图(仿qq图片查看)
最近做了一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转、放大、缩小、拖拽、缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同。具体功能:1. 多张图片切换,键盘左右键或左右箭头切换2. 旋转3. 放大,支持鼠标滚轮4. 缩小,支持鼠标滚轮5. 右下角缩略图6. 拖拽大图7. 全屏转载 2017-02-25 22:47:21 · 2936 阅读 · 0 评论 -
Zepto Click点透情况解决办法
Zepto Click点透情况解决办法一、如何发生点透事件据我的理解,就是因为Zepto在Click事件上有300毫秒的延迟,为了跟其他各种各样的乱七八糟的东西兼容。但是很不凑巧,我们是在一个模态弹出框上绑定了这样一个延迟300ms的点击事件,点击事件又会被冒泡到最下层,而最下层刚好是一个输入框。这样事件就会被这个输入框给捕捉,导致最上层事件无法触发(具体更深层次原因未知,只是知道原创 2017-02-20 12:13:07 · 2692 阅读 · 0 评论 -
jQuery 对AMD的支持(Require.js中如何使用jQuery)
AMD 模块AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势,包括天生的异步及高度灵活等特性,这些特性能够解除常见的代码与模块标识间的那种紧密耦合。转载 2017-02-23 08:40:46 · 459 阅读 · 0 评论 -
使用jQuery开发Todos实录
本例是模仿vue.js中todoMVC的功能,使用jQuery进行开发,第一版的jQuery会显得有些混乱,后续将进行优化。 todoMVC具有添加、修改、删除、更改状态、分类等操作todos的功能。我的开发过程分为了以下几个步骤。将整个应用进行功能拆分分别实现每个子功能合并功能优化具体实现添加todos var newtodoVul= $('#newtodo转载 2017-02-14 09:35:28 · 593 阅读 · 0 评论 -
巧用jQuery选择器写表单办法总结(提高效率)
相信很多小伙伴都会遇到需要做表单的需求,就像我现在做的医院项目,茫茫多的表单无穷无尽。一开始做表单使用最笨的方法:一个个span去定义ID,每个数据都用ajax获取后赋值显示,然后在表单提交前一个个用jQuery根据ID获取元素的value,组成一个model来提交给服务器。 后来发现使用jQuery可以大大简化这个过程。于是我修改了工作方法,总结了我的一些提高写表单效率的方法。需转载 2017-02-14 09:26:42 · 534 阅读 · 0 评论 -
每个程序员都会的 35 个 jQuery 小技巧
http://www.imooc.com/article/8329收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发.1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});转载 2017-02-13 22:24:51 · 566 阅读 · 0 评论 -
javascript移动端选择器picker插件
开题:得益于项目的上线,现在终于有时间来写一点点的东西,虽然很浅显,但是我感觉每经历一次项目,我就学到了很多的东西,现在接着上次的文字轮播将本次项目中学到的其他东西分享出来。这次分享的是一个基于jquery/zepto的选择器插件github地址:https://github.com/jinghaoo/mobile-selector相信对于移动开发有过经验的同学都对UI的不转载 2017-02-11 19:36:20 · 13371 阅读 · 0 评论 -
jQuery一些技巧总结
写在前面这里总结了一些jQuery开发过程中的一些技巧,希望对大家有所帮助。http://jafeney.com/2016/01/10/2016-01-10-jquery-q/禁用页面的右击菜单12345$(function(){ $(document).on('contextmenu',function(e){ return fa转载 2017-03-30 10:12:38 · 556 阅读 · 0 评论 -
18 个惊人的 Angular 开源项目
英文原文:18 Amazing open source Angular projects译者:IT程序狮译文源自:http://www.jianshu.com/p/c8d45d30f341在本文中,我们从550个使用 Angular1.x 和 Angular 2 构建的项目中精选了前18个,与大家分享。(Angular 1.x 与 Angular 2 项目各占一半)转载 2017-02-10 13:55:19 · 3635 阅读 · 0 评论 -
收集angular.js好的博客
http://blog.csdn.net/dm_vincent/article/category/2496171/2原创 2016-09-01 15:57:47 · 554 阅读 · 0 评论 -
Jquery中.attr()和.data()的区别
http://www.tuicool.com/articles/NbiqaqvJquery中.attr()和.data()的区别$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。Jquery对象属性和DOM属性一个简单的例子html> head> meta charset="utf-8">转载 2017-09-05 11:31:31 · 2701 阅读 · 0 评论 -
jQuery使用最广泛的javascript函数库
【目录】https://juejin.im/post/595dfa1a5188250d852fcb36 一、选择网页元素 二、改变结果集 三、链式操作 四、元素的操作:取值和赋值 五、元素的操作:移动 六、元素的操作:复制、删除和创建 七、工具方法 八、事件操作 九、特殊效果【正文】一、选择网页元素jQuery的基本设计思想和主要用转载 2017-07-13 08:51:35 · 502 阅读 · 0 评论 -
React+Redux系列教程
React+Redux系列教程https://github.com/lewis617/react-redux-tutorialreact+redux教程(一)connect、applyMiddleware、thunk、webpackHotMiddlewarereact+redux教程(二)redux的单一状态树完全替代了react的状态机?react+redux教程(三)r转载 2016-08-25 09:29:20 · 785 阅读 · 0 评论 -
AngularJS RootScope 源码分析
版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[-]AngularJS RootScope 源码分析ParseevalAsyncpostDigestdigestapplyonemitbroadcastdestroyAngularJS RootScope 源码分析预备知识:Provider 中的 $get 属性说起这转载 2016-09-01 15:35:18 · 507 阅读 · 0 评论 -
AngularJS $location学习笔记
目录(?)[-]AngularJS location学习笔记一lacation能做什么二General overview of the APIAPI的总体概述四HTML5 mode五附加说明六Testing with the location service七Migrating from earlier AngularJS releases八Two-way binding to l转载 2016-09-01 15:33:58 · 795 阅读 · 0 评论 -
AngularJS之指令
AngularJS之指令http://www.cnblogs.com/giggle/p/5746220.html紧接上篇博客“初探AngularJS http://www.cnblogs.com/giggle/p/5746085.html”一、前言在AngularJS中指令尤为重要且内容庞多,固单独提炼出来,梳理一番。如有错误,请不吝讲解。转载 2016-08-24 09:22:01 · 332 阅读 · 0 评论 -
angular模板加载 ----ng-template
@bornkiller 2014-07-15 10:13 字数 3824 阅读 21369angular模板加载 ----ng-templateangularjsAngularjs作为mvc(或者说mvvm)框架,同样具备模板这一基本概念。NG加载模板的顺序为 内存加载---AJAX加载。angular模板加载 ----ng-template转载 2016-08-08 09:08:42 · 5155 阅读 · 0 评论 -
angularJS学习资源
基础官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/;官方zip下载包 https://github.com/dolymood/angular-packages,已增加docs服务,输入地址即可,例如:http://blog.aijc.net/angular-packages/angular-1转载 2016-08-04 16:29:43 · 926 阅读 · 0 评论 -
Angularjs学习笔记--ui-Router
版权声明:本文为博主原创文章,未经博主允许不得转载。目录(?)[+]Angularjs ui-router - 组件:$state / $stateProvider:管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数,异步解决目标状态的任何依赖项,更新$location到当前状态。由于状态包含关联的 url,通转载 2016-09-01 15:38:02 · 509 阅读 · 0 评论 -
Angular JS路由插件ui.router源码解析
[-]ngRoute vs uirouter多视图嵌套视图uirouter工作原理路由的创建路由的查找匹配路由详解父与子模板渲染controller控制器reslove解决项路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么,对于angul转载 2016-09-01 15:39:38 · 1078 阅读 · 0 评论 -
Jquery常用技巧
JQuery 判断某个属性是否存在 hasAttr在jQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有原创 2017-02-20 09:32:59 · 781 阅读 · 0 评论 -
jQuery 3.0 带来哪些新特性
2016年6月9日 jQuery 官方团队发布了 jQuery 3.0 的最终版本,这是一个重要的里程碑。jQuery 作为驰骋 web 界 已有十年的大神之作,其在前端领域的深远影响和贡献已无法形容。jQuery 让开发者更便利的操作 DOM、执行 AJAX 请求 以及创建炫酷的 动画 等。另外,它还实现了 “复合模式” composite pattern,你可以在元素集合转载 2017-02-19 16:34:43 · 935 阅读 · 0 评论 -
$.inArray jquery(以及数组去重)
function Deduplication(Array){var newArray = [];for(var i=0; ivar items = Array[i];if($.inArray(items,newArray) == -1){newArray.push(items)}}return newArray;}var arr = [2,4,1,4,5原创 2016-08-24 15:54:44 · 1668 阅读 · 0 评论 -
$.each,对象显示姓名加,,,
var array = [{"name":'dong',"age":12},{"name":'Tao',"age":12},{"name":'Stady',"age":12}];var salesName='';$.each(array, function(index, obj) {salesName += obj.name +((array.length-1 >原创 2016-09-01 17:14:44 · 343 阅读 · 0 评论 -
关于jQuery分页
之前问过好几个做Java后台的朋友,他们一般处理分页是后台处理好分页返回数据给前台的,都没用过jQuery分页。 然而由于需求问题。需要把数据存放在application中返回到前台,之后再进行分页。所以上网搜索了一下jQuery分页代码,不能满足需求。所以自己弄了一个,和大家分享一下。 效果图是这样的: 下面是J转载 2016-09-01 13:36:38 · 359 阅读 · 0 评论 -
jquery is用法
返回 false,因为 input 元素的父元素是 p 元素:http://www.w3school.com.cn/jquery/traversing_is.asp var isFormParent = $("input[type='checkbox']").parent().is("form"); $("div").text("isFormParent = " + isFormPare转载 2016-08-30 14:55:58 · 679 阅读 · 0 评论 -
$.isEmptyObject(obj)
$(function(){var json1={"name":'111',"dd":"sss"};if ($.isEmptyObject(json1)) { alert("1111"); }else{ alert("222"); }})jQuery.isEmptyObject({})原创 2016-08-30 16:10:01 · 1473 阅读 · 0 评论 -
[0-1]只能输入小数后两位正则
[0-1]只能输入小数后两位正则(0-1]只能输入小数后两位正则原创 2016-08-18 09:58:07 · 1478 阅读 · 0 评论 -
Javascript获取当前时间戳的方法
定义日期: Date 对象用于处理日期和时间。 可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象: var myDate=new Date() 注释:Date 对象自动使用当前的日期和时间作为其初始值。 var myDate=new Date(2013-1转载 2016-08-18 09:42:18 · 1415 阅读 · 0 评论 -
Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解
1、jquery grep()筛选遍历数组1234567891011121314$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9];转载 2016-08-18 09:26:32 · 4665 阅读 · 0 评论 -
jQuery实现倒计时效果
jQuery实现倒计时效果-杨秀徐本实例效果:剩余368天22小时39分57秒结束代码简单易懂,适用各种倒计时;123456789101112131415161718192021转载 2016-08-17 23:08:57 · 1166 阅读 · 0 评论 -
jQuery 操作 radio、select、checkbox
jQuery 操作 radio、select、checkbox1234567891011121314151617181920212223242526转载 2016-08-17 23:05:49 · 426 阅读 · 0 评论 -
jQuery选择器大全(48个代码片段+21幅图演示)
jQuery选择器大全(48个代码片段+21幅图演示)选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方。转载 2016-09-15 11:21:56 · 599 阅读 · 0 评论 -
jquery插件实现图片延迟加载
jquery插件实现图片延迟加载在页面中图片较多时,一次性加载所有图片会耗去很多时间。 我们可以选择“延迟加载”的方式来加载图片,相对这种页面的加载速度将会有个很大的提升。 图片延迟加载的原理很简单,依据用户正浏览的位置,当用户决定继续浏览文章中的其它内容时,用户会轻轻滑动滚动条, 到一个新的内容区域,图片延迟加载程序会选择在这个时候向用户展示图片。说明:1)转载 2016-09-15 11:22:58 · 606 阅读 · 0 评论 -
用jquery.pager.js实现分页
用jquery.pager.js实现分页1.html"/stylesheets/Pager.css" rel="stylesheet" type="text/css"/> "/javascripts/web/jquery.pager.js" type="text/javascript"> "pager">转载 2016-09-15 14:14:16 · 4340 阅读 · 0 评论 -
巧用jQuery选择器写表单办法总结(提高效率)
相信很多小伙伴都会遇到需要做表单的需求,就像我现在做的医院项目,茫茫多的表单无穷无尽。一开始做表单使用最笨的方法:一个个span去定义ID,每个数据都用ajax获取后赋值显示,然后在表单提交前一个个用jQuery根据ID获取元素的value,组成一个model来提交给服务器。后来发现使用jQuery可以大大简化这个过程。于是我修改了工作方法,总结了我的一些提高写表单效率的方法。需求转载 2017-02-07 20:08:06 · 467 阅读 · 0 评论