jQuery
茁然-v
http://blog.csdn.net/liaozhongping,不积跬步无以至千里,不积小流无以成江海
展开
-
jQuery的样式设置方法总结
1.css()[javascript] view plaincopy1. $("p").css("color"); 2. $("p").css("color",green); 3. $("p").css({color:"green",background:"red"}); 4. $("p").css({width:function(){},height:function(原创 2015-08-09 13:08:27 · 544 阅读 · 0 评论 -
jquery $.proxy使用
在某些情况下,我们调用Javascript函数时候,this指针并不一定是我们所期望的那个。例如: 1 //正常的this使用 2 $('#myElement').click(function() { 3 4 // 这个this是我们所期望的,当前元素的this. 5 6 $(this).addClass('aNewClass'); 7 8 }); 91011 /原创 2015-09-21 00:09:41 · 639 阅读 · 1 评论 -
jQuery实现密码强度检测
jQuery普遍运用于JAVA_WEB前端,可以说jQuery的运用无处不在,学好jQuery,对于一个程序员来说是必由之路。下面简单介绍一下jQuery实现密码强度检测。如图所示:核心代码:第一步:css样式:/** 清除内外边距 **/body, h1, h2, h3, h4, h5, h6, hr, p,blockquo转载 2015-10-31 16:20:33 · 2372 阅读 · 0 评论 -
如何提高jQuery的性能探讨
(1)缓存变量DOM遍历是昂贵的,所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$element.css('height',h-20);(2)避原创 2015-10-31 16:09:54 · 399 阅读 · 0 评论 -
Jquery怎么获取元素文档大小、偏移、位置和滚动条位置
因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在jqeury提供了假单优雅,并且兼容的解决方法。1.获取浏览器和页面文档的宽度和高度//获取浏览器显示区域的高度$(window).height();//获取浏览器显示区域的宽度$(window).width();//获取页面文档的高度$(do转载 2015-07-07 23:27:19 · 5107 阅读 · 0 评论 -
如何在一个页面上让多个jQuery版本共存
如何在一个页面上让多个jQuery共存呢?比如jquery-1.5和jquery-1.11。你可能会问,为什么需要在一个页面上让多个jQuery共存?直接引用最新版本的jQuery不行吗?答案是,不行。因为现实生活是非常残酷的。举个例子:现有网站已经引用了jQuery 1.5以及相关插件。如果直接将jQuery升级到最新版,这些插件就不工作了,除非你能把这些插件全部升级,或原创 2015-07-26 10:52:35 · 519 阅读 · 0 评论 -
jQuery cdn使用介绍
如果您不希望下载并存放jQuery,那么也可以通过 CDN(内容分发网络)引用它,下面是具体实现,有类似需求的各位可以参考下哈,希望对你有所帮助。如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。 百度、谷歌和微软的服务器都存有 jQuery 。 jQuery 百度 cdn(国内肯定选择百度或新浪)加载地址:未压缩:原创 2015-07-06 20:57:24 · 1379 阅读 · 0 评论 -
jQuery的deferred对象和promise对象
Promise是一种令代码异步行为更加优雅的抽象,有了它,我们就可以像写同步代码一样去写异步代码。jQuery从1.5版本开始实现了CommonJS Promise/A规范这一重量级方案,不过没有严格按照规范进行实现,有一些API上的差异。1、deferred对象的方法:(1) $.Deferred() 生成一个deferred对象。 (2原创 2016-03-16 02:25:35 · 2135 阅读 · 0 评论 -
jQuery的each与map的区别
1、$.map(array,function)语法分析:为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中,在回调函数中,this指向每次迭代中的当前DOM元素。2、$.each(array,function)语法分析:对数组array中的每一个元素,调用function函数处理,但没有返回值(因此不管在callback里面加不加r原创 2016-12-07 14:04:21 · 7654 阅读 · 0 评论 -
jQuery中bind,live,delegate与one方法的用法及区别
bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。.bind(eventType[, evnetData], Handler(eventObject))其中,参数eventType是一个字符串,包含一个或多个javaScript事件类型,例如click,submit或自定义事件的名称,指定多个事件类型时用空格分隔各个类型;eventData为Ma原创 2015-09-20 00:39:42 · 651 阅读 · 0 评论 -
jQuery数据缓存$.data 的使用以及源码解析
一、实现原理:对于DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中。在读取、设置、移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取、设置、移除操作。对于Javas转载 2015-10-31 19:03:27 · 772 阅读 · 0 评论 -
jQuery中用于筛选的方法总结
1.add()用于链接分别与两个表达式匹配的元素结果集。[javascript] view plaincopy1. $("p").add("div"); 匹配p和div,即查找所有的p和div都放到匹配元素中。[javascript] view plaincopy1. $("p div"); 实现相同的功能。2.andself()对于筛选或查找后的元素,加入原创 2015-08-09 13:08:11 · 2257 阅读 · 0 评论 -
jQuery()里面提供的4种构建jQuery对象的方式
(1)jQuery(expression,[context])(2)jQuery(html,[ownerDocument])(3)jQuery(elements)(4)jQuery(callback)$("div>p") //参数是字符串$($("div>p")) //参数可以是jQuery对象或者类数组原创 2015-08-02 23:06:15 · 1593 阅读 · 0 评论 -
jQuery选择器(Sizzle)的拆分
主要包括元素的getElementsByTagName()和getElementById()方法元素的childNodes、firstChild、lastChild、nextSibling、parentNode、previousSibling属性Sizzele选择器的工作:1、Sizzle引擎主要包含一个构造器Sizzle(),3个核心功能函数(ma原创 2016-03-31 03:35:50 · 504 阅读 · 0 评论 -
JQuery原理介绍及学习方法
前言对于JQuery,想必大家都很熟悉。目前,很多web项目,在实施的过程中,考虑到各浏览器原生JS API的兼容性,大都会选用JQuery或类似于JQuery这样的框架来进行网页效果开发。JQuery上手简单,也很容易学,即使是刚接触JQuery的开发人员,借助JQuery手册,也很快能在项目中使用开发。虽然JQuery相对简单,但要全面掌握,且快速灵活的使用它也并不那么容易转载 2015-10-31 12:28:06 · 465 阅读 · 0 评论 -
JQuery选择器小结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClas原创 2015-09-24 02:20:18 · 354 阅读 · 0 评论 -
Jquery的 性能优化小结
一、合适的选择器 JQuery 选择器提供丰富的选择器来定位DOM元素, 基本选择器 #id、.class、element、*等;那他们哪个更高效呢? 第一选择: $("#id") 第二选择: $("p"),$("div") 第三选择(选择性使用) : $原创 2015-09-24 02:17:18 · 331 阅读 · 0 评论 -
jQuery整体架构
任何程序代码不是一开始就复杂的,成功也不是一躇而蹴的,早期jQuery的作者John Resig在2005年提议改进Prototype的“Behaviour”库时,只是想让其使用更简单才发布新的jQuery框架。起初John Resig估计也没料想jQuery会如此的火热。我们可以看到从发布的第一个1.0开始到目前最新的2.1.1其代码膨胀到了9000多行,它兼容CSS3,还兼容各种浏览器,jQu原创 2015-07-27 22:50:56 · 628 阅读 · 0 评论 -
浅析jQuery核心架构中应用Closure(闭包)的设计模式
用了很久jQuery,到最近,等到自己想写一个链式库时才对它的内部架构学习了一下。下面就对jQuery框架设计模式的一些感想写一下: 首先是jQuery将自己所有的代码封装在一个闭包内;用闭包防止命名空间的变量污染,继续在本身闭包中初始化了一个名为jQuery的自动运行闭包函数;形如: Js代码 (function(window, un原创 2015-07-27 22:50:03 · 1703 阅读 · 0 评论 -
jQuery tmpl详解
动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。这些情况下,动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回 HTML 不划算,而在 web 传输方面,现在更多的是使用 JSON 而不是 XML。浏览器端根据 JSON 生成 HTM原创 2016-12-26 11:18:13 · 706 阅读 · 0 评论