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

51dev.com 技术开发者社区

jquery

jquery里mouseover和mouseout或mouseenter和mouseleave移入移出时执行多次的触发解决办法

jquery里mouseover和mouseout或mouseenter和mouseleave移入移出时执行多次的触发解决办法

区别:mouseover与mouseenter  不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件。  只有在鼠标指针穿过被选元素时,才会触发mouseenter事件。 mouseout与mouseleave  不论鼠标指针离开被选元素还是任何子元素,都会触发mouseout事件。  只有在...

jquery 获取/设置form action路径

jquery 获取/设置form action路径

获取from的action:$("#formID)").attr("action");设置form的action:$("#formID)").attr("action","/api/test/"); ...

jquery自动获取当前form的id

jquery自动获取当前form的id

1、页面引入jquery 2、获取form的IDvarform_id=$(this).closest("form").attr("id");alert(form_id); ...

使用cdn引入jQuery插件

使用cdn引入jQuery插件

<scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> ...

jQuery动态添加表单属性并提交

jQuery动态添加表单属性并提交

1、在现有的formID下动态添加属性functionformAppendSubmit(){varform1=$('#form1');vartmpInput=$("");tmpInput.attr("value","xxxxx");form1.append(tmpInput);form1.submit();}2、动态生...

jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件

jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件

一、jQuery的位置信息jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。1、宽度和高度      a、获取宽度和高度,例如:      .width()//获取匹...

jQuery基础(3)- ajax

jQuery基础(3)- ajax

一、jQuery的ajax1、什么是ajax  AJAX=异步的javascript和XML(AsynchronousJavascriptandXML)。  简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。  通过jQueryAJAX方法,我们能够使用HTTPGet和HTTPPost从远...

jQuery基础(2)

jQuery基础(2)

一、jQuery的属性操作      jQuery的属性操作分为四部分:    html标签属性操作:是对html文档中的标签属性进行读取,设置和移除操作。比如attr()、removeAttr();    DOM属性操作:对DOM元素的属性进行读取,设置和移...

jQuery基础(1)

jQuery基础(1)

一、jQuery的介绍1、为什么要使用jQuery?      在用js写代码时,会遇到一些问题,如下:    1)window.onload事件有事件覆盖的问题,因此只能写一个事件;    2)代码容错性差;    3)浏览器兼容性问题;    4)书写很繁...

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)

javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)

在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)

在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)

javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)

类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。   实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”...

为jQuery写插件

为jQuery写插件

很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider。如下图,做一个div,通过“$("#slider").slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些。 那么,我们也来为jQue...

jquery的promise实践--连续加载图片

jquery的promise实践--连续加载图片

在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步,完成一个能够一张一张的连续图片加载的功能。功能:1.一张一张加载图片。2.加载错误,超时后显示加载失败图片。对于功能的要求,肯定会存在对加载状态事件的处理以及完成时回调函数的处理,这样不仅会造成代码上的混乱,甚至...

jquery的ready事件的实现机制浅析

jquery的ready事件的实现机制浅析

页面初始化中,用的较多的就是$(document).ready(function(){//代码});或$(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合...