51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Query
jquery里mouseover和mouseout或mouseenter和mouseleave移入移出时执行多次的触发解决办法
区别:mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件。 只有在鼠标指针穿过被选元素时,才会触发mouseenter事件。 mouseout与mouseleave 不论鼠标指针离开被选元素还是任何子元素,都会触发mouseout事件。 只有在...
开发笔记
·
2021-09-08
jquery
mouseover
mouseout
mouseenter
mouseleave
jquery 获取/设置form action路径
获取from的action:$("#formID)").attr("action");设置form的action:$("#formID)").attr("action","/api/test/"); ...
星空
·
2021-03-01
jquery
获取
设置
form
action
jquery自动获取当前form的id
1、页面引入jquery 2、获取form的IDvarform_id=$(this).closest("form").attr("id");alert(form_id); ...
星空
·
2021-03-01
jquery
自动
获取
当前
form
使用cdn引入jQuery插件
<scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> ...
星空
·
2021-03-01
使用
cdn
引入
jQuery
插件
jQuery动态添加表单属性并提交
1、在现有的formID下动态添加属性functionformAppendSubmit(){varform1=$('#form1');vartmpInput=$("");tmpInput.attr("value","xxxxx");form1.append(tmpInput);form1.submit();}2、动态生...
星空
·
2021-03-01
jQuery
动态
添加
表单
属性
jQuery基础(4)- 位置信息、事件流、事件对象、事件代理、jquery事件
一、jQuery的位置信息jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。1、宽度和高度 a、获取宽度和高度,例如: .width()//获取匹...
代码星球
·
2021-02-25
事件
jQuery
基础
位置
信息
jQuery基础(3)- ajax
一、jQuery的ajax1、什么是ajax AJAX=异步的javascript和XML(AsynchronousJavascriptandXML)。 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示。 通过jQueryAJAX方法,我们能够使用HTTPGet和HTTPPost从远...
代码星球
·
2021-02-25
jQuery
基础
ajax
jQuery基础(2)
一、jQuery的属性操作 jQuery的属性操作分为四部分: html标签属性操作:是对html文档中的标签属性进行读取,设置和移除操作。比如attr()、removeAttr(); DOM属性操作:对DOM元素的属性进行读取,设置和移...
代码星球
·
2021-02-25
jQuery
基础
jQuery基础(1)
一、jQuery的介绍1、为什么要使用jQuery? 在用js写代码时,会遇到一些问题,如下: 1)window.onload事件有事件覆盖的问题,因此只能写一个事件; 2)代码容错性差; 3)浏览器兼容性问题; 4)书写很繁...
代码星球
·
2021-02-25
jQuery
基础
javascript设计模式实践之职责链--具有百叶窗切换图片效果的JQuery插件(三)
在上一篇《javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)》里,通过采用模板方法模式完成了切换效果对象的构建编写。接下来就是完成各效果对象的调用和联动。切换要求:当前图片显示指定时间后执行切换效果并切换下一张图片,最后一个切换后从头开始。按照要求一个效果对象完成后要执行下一个...
代码星球
·
2021-02-25
Javascript
设计模式
实践
职责
具有
javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件(二)
在上一篇《javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)》里,通过采用迭代器模式完成了各初始化函数的定义和调用。接下来就要完成各个切换效果的编写。先思考一下一个切换效果需要完成的操作1.准备阶段,将各个strip归位到动画效果开始的位置。2.动画效果处理。3.执行。3.完成。...
代码星球
·
2021-02-25
Javascript
设计模式
实践
模板
方法
javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)
类似于幻灯片的切换效果,有时需要在网页中完成一些图片的自动切换效果,比如广告,宣传,产品介绍之类的,那么单纯的切就没意思了,需要在切换的时候通过一些效果使得切换生动些。比较常用之一的就是窗帘切换了。先贴上完成的效果。 实现原理不复杂,在动的一条一条的称之为“窗帘条”或者是“strip”...
代码星球
·
2021-02-25
Javascript
设计模式
实践
迭代
具有
为jQuery写插件
很多场合,我们都会调用jQuery的插件去完成某个功能,比如slider。如下图,做一个div,通过“$("#slider").slider();”的方式直接将div变成slider,比起slider($('#slider'))更贴近jQuery的链式调用写法,可读性和通用性更好些。 那么,我们也来为jQue...
代码星球
·
2021-02-25
jQuery
插件
jquery的promise实践--连续加载图片
在javascript设计模式实践之代理模式--图片预加载中用代理模式实现了图片预加载功能。现在就更进一步,完成一个能够一张一张的连续图片加载的功能。功能:1.一张一张加载图片。2.加载错误,超时后显示加载失败图片。对于功能的要求,肯定会存在对加载状态事件的处理以及完成时回调函数的处理,这样不仅会造成代码上的混乱,甚至...
代码星球
·
2021-02-25
jquery
promise
实践
连续
加载
jquery的ready事件的实现机制浅析
页面初始化中,用的较多的就是$(document).ready(function(){//代码});或$(window).load(function(){//代码});他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合...
代码星球
·
2021-02-25
jquery
ready
事件
实现
机制
首页
上一页
...
8
9
10
11
12
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他