jquery
alex8046
十年磨一贱。
展开
-
jquery 常用选择器
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运转载 2015-02-11 10:17:37 · 410 阅读 · 0 评论 -
JQuery的animate
animate(params, options) :用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。注意:所有指定的属性必须用骆驼形式,比如用marginLeft代替margin-left.每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样转载 2015-07-15 17:23:11 · 504 阅读 · 0 评论 -
Js、Jquery字符串数字比较大小。
var定义的变量应该是字符串,有时没有经过类型转换而进行比较的话,小于十的话还可以,如果大于十就会出错例:var hour_select_begin=$('#hour_select_begin option:selected').text();var hour_select_end=$('#hour_select_end option:selected').text()转载 2015-08-17 15:14:00 · 2291 阅读 · 0 评论 -
jquery的ajax和getJson跨域获取json数据
很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不占用服务器的资源,遂决定直接在html进行数据的读取,不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。跨域的安全限制都是指浏览器端来说的,服务器端不存在跨域安全限制的问题。转载 2015-09-06 21:08:24 · 777 阅读 · 0 评论 -
解读jquery源码时记录的一些知识点
1. Array.prototype.slice.call 可以将伪数组转化为真正的数组其实,这里所谓的“伪数组”就是有length属性,并且有“0”、“1”、“2”等这些属性的对象,如下代码:var obj = { 0: "A", 1: "B", 2: "C", length: 3转载 2015-08-21 15:02:06 · 374 阅读 · 0 评论 -
50个必备的实用jQuery代码段
1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} });2. 解决jQuery, prototype共存,$全局变量冲突问题:转载 2015-08-21 14:58:00 · 604 阅读 · 0 评论 -
改进jQuery的$.getScript(url,callback)动态加载JS
$.getScript(url,callback)这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时,动态的加载js就是一个比较好的方法,当需要某个功能时再将相应的js加载进来。但是自己在使用过程中却发现了一些不尽如意的地方。每次需要执行该功能的时候都会去请求一次这个js,这样不是在帮倒忙嘛?于是找到Jquery官网的API说明转载 2015-12-23 17:35:46 · 2483 阅读 · 0 评论 -
javaScript & jquery完美判断图片是否加载完毕
-------------------------------------------------------------众所周知,常见瀑布流当鼠标滚动到浏览器底部的时候,就会发起一个ajax的请求。在服务端生成item列表后,通过 js append到相应的div里边。看起来很简单的样子,关键问题就出在图片的加载问题上,图片一般都放在服务器上,通过http下载到客户端。例转载 2015-12-24 11:16:54 · 9280 阅读 · 0 评论 -
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
同源是指相同的协议、域名、端口,三者都相同才属于同域。不符合上述定义的请求,则称为跨域。相信每个开发人员都曾遇到过跨域请求的情况,虽然情况不一样,但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。跨域的情形有很多,最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下,某些浏览器控制台给出的错误提示: FireFox下转载 2015-12-24 11:19:10 · 1585 阅读 · 0 评论 -
jQuery 获取屏幕高度、宽度
alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档bo转载 2016-05-19 18:40:12 · 661 阅读 · 0 评论 -
Think in AngularJS:对比jQuery和AngularJS的不同思维模式
导言 stackoverflow上有一个人问了一个问题:如果我有jQuery背景,我应该如何切换到AngularJS的思维模式? 有一个回复非常经典,获得了两千多票。 为了让国内开发者也能领略到其中的核心思想,现把这个问题和答案翻译出来供大家参考。 Question 假设我已经熟悉了如何使用jQuery来开发客户端转载 2016-09-21 14:05:09 · 458 阅读 · 0 评论 -
jQuery插件开发模式
要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统。这好比大公司们争相做平台一样,得平台者得天下。苹果,微软,谷歌等巨头,都有各自的平台及生态圈。学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。本教程可能不是最转载 2015-07-15 17:15:35 · 544 阅读 · 0 评论 -
jQuery插件开发的五种形态小结
关于jQuery插件的开发自己也做了少许研究,自己也写过多个插件,在自己的团队了也分享过一次关于插件的课。开始的时候整觉的很复杂的代码,现在再次看的时候就清晰了许多。这里我把我自己总结出来的东西分享出来,帮助那些和我一样曾经遇到过同样问题的人。我要做什么我想要得到的javascript 插件应该会有以下几个特征代码相对独立链式操作插件可配置有可操作的方法,插件的生命转载 2015-07-15 17:10:46 · 1109 阅读 · 0 评论 -
Jquery插件开发 详细
jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方转载 2015-07-15 17:13:37 · 517 阅读 · 0 评论 -
JQuery查找父、子、兄弟节点
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素,不限于父元素jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙jQuery.contents() //查找下面的所有内容,包括节点和文本。jQuer转载 2015-02-11 10:46:54 · 1054 阅读 · 0 评论 -
jquery全局ajax参数详细执行分析-$.ajax竟然可以这样用!
本文分析的问题,比较奇葩。可能大家在一般的项目中都用不到。所以首先要先了解这个应用场景。反正我分析了之后才发现jquery全局$.ajax竟然可以这样用!1、背景在页面中使用ajax请求进行异步操作这个现在比较常用,我们会在ajax开始时候加个进度显示,在complete之后隐藏即可。但是要是页面内有多个ajax请求,我们怎么处理这个进度那?单个单个处理肯定会很麻烦,比如你转载 2015-03-27 16:45:23 · 630 阅读 · 0 评论 -
jQuery的deferred对象详解
一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。通常的做法是,为它们指定回调函数(callback)。即事先规定,一旦它们运行结束,应该调用哪些函数。但是,在回调函数方面,jQuery的功能非常弱。为了转载 2015-03-10 16:14:45 · 306 阅读 · 0 评论 -
jQuery Deferred
jQuery.Deferred( [beforeStart ] )创建一个Deferred对象。beforeStart:类型: Function( Deferred deferred )一个在构造函数返回前运行的处理函数。 resolve、reject、notifyDefferred中定义了三种动作,resolve(解决)、reject(拒绝)、转载 2015-03-10 16:17:43 · 484 阅读 · 0 评论 -
jQuery.noConflict()
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。 var j$ = $; jQuery.noConflict(); 在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成j$("div p转载 2015-03-18 16:22:19 · 506 阅读 · 0 评论 -
Jquery的$命名冲突
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法。然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。 第一种情况:jquery.js在prototype.js之转载 2015-03-18 16:00:34 · 349 阅读 · 0 评论 -
$.ajax 异常信息处理
下面是Jquery中AJAX参数详细列表:参数名类型描述urlString(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。tim转载 2015-05-18 16:19:40 · 989 阅读 · 0 评论 -
自定义jQuery插件Step by Step
随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是Responsive Design;但我们今天不是介绍它,正由于前端开发已经十分重要了,所以我们将介绍如何使用jQuery自定义插件。相信大家都使用过jQuery库,甚至自定义过一些常用的jQuery插件,如果没有学习过也无需担心,接下来我们将转载 2015-07-15 17:25:20 · 1148 阅读 · 0 评论 -
$.each() 中的 continue、break
$.each(Array,function(key,val){ }) 返回值:Array(若回调函数中改变了Array的值,返回的是改变之后的)$.each()函数和.each()是不一样的,这个是专门用来遍历一个jQuery对象。$.each()函数可用于迭代任何集合,无论是“名/值”对象(JavaScript对象)或阵列。在一个数组的情况下,回调函数每次传递一个数组索引转载 2015-07-15 15:30:59 · 590 阅读 · 0 评论 -
深入理解jQuery插件开发
如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库。jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握。但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导。那些语法看起来可能过于复杂,但是如果进入到它的思想和模式中,它是非常简单易懂的。下面,我们有了一个插件的基本层次:1转载 2015-07-15 16:58:00 · 401 阅读 · 0 评论 -
Jquery DIV滚动至浏览器顶部位置固定
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative。方法一:$(function() { var elm = $('.nav'); var startPos = $(elm).offset().top; $.event.add(wind转载 2016-09-28 15:49:57 · 6602 阅读 · 0 评论