jQuery
文章平均质量分 77
ssisse
这个作者很懒,什么都没留下…
展开
-
jquery 中的deffered和promise对象方法及$when done then的使用
对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when...done...fail...then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下面的$.ajax写法,看起来很乱$.ajax({url: "/home/GetProduct",dataType: "JSON",type: "GET",success: function (转载 2016-10-08 10:03:37 · 5621 阅读 · 1 评论 -
jQuery 事件 - animate(),change(),stop(),finish()
jQuery 事件 - change() 方法定义和用法当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。注释:当用于 select 元素时,change转载 2016-07-21 11:32:33 · 3497 阅读 · 0 评论 -
mousedown和onmousedown,click和onclick区别
onmousedown是javascript的用法,mousedown()是jQuery的用法onclick是javascript的用法,click是jQuery的用法;click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么,onclick是给对象(一般为input)设转载 2016-06-02 09:08:09 · 7631 阅读 · 0 评论 -
Jquery.ScrollLoading图片延迟加载技术
关于分屏加载图片,像天猫、京东等电商图片较多页面很长,就采用了延迟加载技术。目前很流行的做法就是滚动动态加载,显示屏幕之外的图片默认是不加载的,随着页面的滚动,显示区域图片才被动态加载。原理其实很简单,默认标签中设置一个特别小的让人看不见的图片作为原始src路径,再自定义一个属性存放原图片路径,通过绑定滚动事件,检查当前元素是否在浏览器窗口中,然后替换src转载 2016-07-14 16:10:27 · 1314 阅读 · 0 评论 -
jQuery.extend 函数详解
一、Jquery的扩展方法原型是:extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:var newSrc=$.extend({},src1,src2,src3...)/转载 2016-06-28 13:06:09 · 260 阅读 · 0 评论 -
jQuery中 $(function() 与 (function($) 的区别
(function($) {…})(jQuery);这里实际上是匿名函数,如下:function(arg){…}这就定义了一个匿名函数,参数为arg而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即:(function(arg){…})(param)这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数转载 2016-06-24 22:10:45 · 384 阅读 · 0 评论 -
jQuery.delay() 函数详解
jQuery.delay() 函数详解delay()函数用于延迟队列中下一项的执行。delay()可以将队列中等待执行的下一个动画延迟指定的时间后才执行。它常用在队列中的两个jQuery效果函数之间,从而在上一个动画效果执行后延迟下一个动画效果的执行时间。如果下一项不是效果动画,则它不会被加入效果队列中,因此该函数不会对它进行延迟调用。该函数属于jQue转载 2016-08-17 09:18:10 · 1609 阅读 · 0 评论 -
JQuery的Promise详解 : Promise基础
前言在网站开发中,会经常处理各种事件,如mouseclick/mouseover/click等等。在DOM 0事件模型,采取的事件监听方式是 ele.onclick=handler ,这会导致一个问题,如果想用 hanlder2 来监听 click ,则 hanlder 就会被覆盖,不会执行了,因为一次只能安排一个监听函数。但在DOM 2事件模型中,使用DOM方法中的 addEve转载 2016-08-16 21:32:08 · 2047 阅读 · 0 评论 -
jQuery-遍历
本文转自慕课网children()方法jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系)理解节点查找关系: 1转载 2016-05-08 16:14:48 · 468 阅读 · 0 评论 -
jQuery fadeIn() fadeOut()淡入淡出效果
jQuery 效果 - fadeIn() 方法定义和用法fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。语法$(selector).fadeIn(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度。默认为 "normal"。可能的值:转载 2016-08-23 10:15:23 · 1172 阅读 · 0 评论 -
jQuery 遍历 - find() 方法
jQuery 遍历 - find() 方法定义和用法find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。语法.find(selector)参数描述selector字符串值,包含供匹配当前元素集合的选择器表达式。详细说明如果给定一个表转载 2016-08-23 14:59:56 · 1442 阅读 · 0 评论 -
jQuery 遍历 - find() 方法
jQuery 遍历 - find() 方法定义和用法find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。语法.find(selector)参数描述selector字符串值,包含供匹配当前元素集合的选择器表达式。详细说明如果给定一个表转载 2016-09-26 10:34:10 · 658 阅读 · 0 评论 -
jQuery ajax - ajax() 方法
jQuery ajax - ajax() 方法定义和用法ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。转载 2016-09-26 08:56:57 · 522 阅读 · 0 评论 -
jQuery 核心 - jQuery() 方法
jQuery 核心 - jQuery() 方法定义和用法jQuery() 方法接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。jQuery() 函数有三种语法:语法 1接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器:jQuery(selector, [context])详细用法语法 2使用原始转载 2016-09-23 16:53:13 · 447 阅读 · 0 评论 -
jQuery 核心 - noConflict() 方法
jQuery 核心 - noConflict() 方法定义和用法noConflict() 方法让渡变量 $ 的 jQuery 控制权。该方法释放 jQuery 对 $ 变量的控制。该方法也可用于为 jQuery 变量规定新的自定义名称。提示:在其他 JavaScript 库为其函数使用 $ 时,该方法很有用。语法jQuery.noCo转载 2016-09-23 16:52:02 · 294 阅读 · 0 评论 -
jQuery 动画特效show() hide() slideUp() slideDown() fadeIn() fadeOut() animate() stop() delay()
调用show()和hide()方法显示和隐藏元素show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为:$(selector).hide(speed,[callback])和$(selector).show(speed,[callback])参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callba转载 2016-06-01 09:43:28 · 2024 阅读 · 1 评论 -
jQuery $.extend()用法总结
jQuery $.extend()用法总结jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。举个例子转载 2016-08-26 16:36:47 · 3973 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
jquery $(document).ready() 与window.onload的区别1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.on转载 2016-08-26 16:06:05 · 434 阅读 · 0 评论 -
jQuery 效果 show() 和 hide()方法
jQuery 效果 - show() 方法定义和用法如果被选元素已被隐藏,则显示这些元素:语法$(selector).show(speed,callback)参数描述speed可选。规定元素从隐藏到完全可见的速度。默认为 "0"。可能的值:毫秒 (比如 1500)"slow""nor转载 2016-08-25 19:57:58 · 3388 阅读 · 0 评论 -
jQuery中 $.fn 的用法介绍
jQuery中$.fn的用法示例介绍$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效, 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别转载 2016-08-26 15:42:10 · 966 阅读 · 0 评论 -
jQuery-DOM节点的插入
本文转自慕课网内部插入append()与appendTo()动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来。那么问题来了,怎么放到文档上?这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义2个操作的方法append:这个操作与对指定的元素执行原生转载 2016-05-08 15:53:42 · 802 阅读 · 0 评论 -
jQuery的属性和样式
本文转自慕课网(一).attr()与.removeAttr()每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在实际操作中还转载 2016-04-23 13:53:03 · 652 阅读 · 1 评论 -
jQuery选择器
本文转自慕课网jQuery层级选择器文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙的关系了。选择器中的层级选择器就是用来处理这种关系子元素 后代元素 兄弟元素 相邻元素通过一个列表,对比层级选择器的区别 仔细观察层级选转载 2016-04-23 09:48:20 · 387 阅读 · 0 评论 -
jQuery对象与DOM对象
本文转自慕课网jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery的同时也能混合JavaScript原生代码一起使用。通过jQuery生成的对象是一个做了包装处理的对象,如果要用jQuery对象转载 2016-04-23 09:27:54 · 347 阅读 · 0 评论 -
jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别
jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。$(document).ready(function(){ // 在这里写你的代码...});在DOM加载完成时运行的代码可以简写成j转载 2016-05-31 14:57:40 · 225 阅读 · 0 评论 -
jQuery.on() 函数详解
本文转自:http://www.365mini.com/page/jquery-on.htmon()函数用于为指定元素的一个或多个事件绑定事件处理函数。此外,你还可以额外传递给事件处理函数一些所需的数据。从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。转载 2016-05-07 10:06:21 · 351 阅读 · 0 评论 -
js 事件冒泡和事件捕获的区别
本文转自:http://www.jb51.net/article/42492.htm(1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -转载 2016-05-06 21:14:31 · 3789 阅读 · 1 评论 -
HTML DOM querySelector() 方法
本文转自:http://www.runoob.com/jsref/met-document-queryselector.html实例获取文档中 id="demo" 的第一个元素:document.querySelector("#demo");定义和用法querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意:转载 2016-05-06 20:36:28 · 934 阅读 · 0 评论 -
jQuery 效果 - slideToggle() 方法
定义和用法slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。语法$(selector).slideToggle(speed,callback)参数描述speed可选。规定元素从隐藏到可见的速度转载 2016-05-13 22:03:26 · 589 阅读 · 0 评论 -
jQuery 事件 - mousedown() 方法
jQuery 事件 - mousedown() 方法实例1当按下鼠标按钮时,隐藏或显示元素:$(document).ready(function(){ $("button").mousedown(function(){ $("p").slideToggle(); });});这是一个段落。切换实例2把鼠标转载 2016-05-13 21:58:35 · 3001 阅读 · 0 评论 -
jQuery-DOM节点的创建
本文转自 慕课网创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括转载 2016-05-08 11:22:12 · 375 阅读 · 0 评论 -
jQuery-DOM节点的删除
本文转自慕课网empty()的基本用法要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明,元素里任何文本字符串都转载 2016-05-08 16:01:40 · 876 阅读 · 0 评论 -
jQuery 事件与应用
页面加载时触发ready()事件ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的:$(document).ready(function(){})等价于$(function(){});例如,当触发页面的ready()事件时,在元素中转载 2016-05-31 20:26:05 · 280 阅读 · 0 评论 -
jQuery Mobile orientationchange 事件
本文转自:http://www.runoob.com/jquerymobile/event-orientationchange.html在用户翻转移动设备室弹出一些文字信息:$(window).on("orientationchange",function(){ alert("方向已改变!");});定义和用法orientation转载 2016-05-09 15:53:21 · 685 阅读 · 0 评论 -
jQuery 实现Ajax应用
使用ajax()方法加载服务器数据使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:jQuery.ajax([settings])或$.ajax([settings])其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data转载 2016-06-01 14:27:18 · 311 阅读 · 0 评论 -
jQuery Deferred对象
本文转自:http://www.cnblogs.com/snandy/archive/2012/12/19/2812935.htmlDeferred对象是由 jQuery.Deferred 构造的,jQuery.Deferred 被实现为简单工厂模式。它用来解决JS中的异步编程,它遵循 Common Promise/A 规范。实现此规范的转载 2016-05-09 09:20:06 · 285 阅读 · 0 评论 -
jQuery的deferred对象详解
本文转自:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.htmljQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个转载 2016-05-09 09:16:44 · 253 阅读 · 0 评论 -
jQuery-DOM节点的复制与替换
本文转自慕课网DOM拷贝clone()克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆.clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传转载 2016-05-08 16:06:24 · 1860 阅读 · 0 评论 -
jQuery 效果 - slideToggle() 方法
本文转自:http://www.w3school.com.cn/jquery/effect_slidetoggle.asp实例通过使用滑动效果,在显示和隐藏状态之间切换 元素:$(".btn1").click(function(){ $("p").slideToggle();});定义和用法slideToggle() 方法通转载 2016-04-24 10:55:18 · 475 阅读 · 0 评论 -
jQuery 操作DOM元素
使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。例如,使用attr(属性名)的格式获取页面中元素的“href”属性值,并将该值的内容显示在元素中,如下图所示:在浏览器中显示的效果:从图中可以看出,通过attr转载 2016-05-31 21:34:57 · 350 阅读 · 0 评论