书读的越多而不加思考,你就会觉得你知道得很多;而当你读书而思考得越多的时候,你就会越清楚地看到,你知道得很少。——伏尔泰

 分类:jQuery教程

码云笔记前端博客,jQuery教程相关的目录存档

[jQuery教程]DOM节点删除方法(六)

[jQuery教程]DOM节点删除方法(六)
empty()的基本用法 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素(和其他后...

1周前 (01-14) 28℃

[jQuery教程]DOM节点的复制与替换(七)

[jQuery教程]DOM节点的复制与替换(七)
clone()方法 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆。 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或...

2周前 (01-09) 99℃

[jQuery教程]jQuery的遍历方法(八)

[jQuery教程]jQuery的遍历方法(八)
children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法。这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系)。 ...

3周前 (01-03) 167℃

[jQuery教程]jQuery鼠标事件(九)

[jQuery教程]jQuery鼠标事件(九)
本章介绍鼠标事件,包含点击、移入、移出、双击等事件的理解及应用。 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击...

3周前 (01-02) 169℃

[jQuery教程]jQuery表单事件(十)

[jQuery教程]jQuery表单事件(十)
介绍表单中的事件,包含选择、失去焦点、获取焦点等事件理解及应用。 jQuery表单事件之blur与focus事件 在之前我们学过了表单处理事件focusin事件与focusout事件,同样用于处理表单焦点的事件还有blur与focus事件。 它们之间的本质区别: 是否支持冒泡处...

4周前 (12-28) 241℃

[jQuery教程]jQuery键盘事件(十一)

[jQuery教程]jQuery键盘事件(十一)
介绍获取键盘的事件,包含按键按下、抬起等事件的使用。 jQuery键盘事件之keydown()与keyup()事件 鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针...

4周前 (12-25) 279℃

[jQuery教程]jQuery事件的绑定和解绑(十二)

[jQuery教程]jQuery事件的绑定和解绑(十二)
本章介绍事件的绑定和解绑知识,掌握如何对相应元素进行事件的绑定和解绑。 on()的多事件绑定 之前学的鼠标事件,表单事件与键盘事件都有个特点,就是直接给元素绑定一个处理函数,所有这类事件都是属于快捷处理。翻开源码其实可以看到,所有的快捷事件在底层的处理都是通过一个”...

1个月前 (12-21) 255℃

[jQuery教程]jQuery事件对象的使用(十三)

[jQuery教程]jQuery事件对象的使用(十三)
介绍事件对象的概念和作用,掌握对象的属性及使用方法。 jQuery事件对象的作用 事件中的Event对象容易被初学者忽略掉,可能大多时候初学者不知道怎么去用它,但有些时候它还是非常有用的 一个标准的”click”点击事件: $(elem).on("cli...

1个月前 (12-19) 204℃

[jQuery教程]jQuery自定义事件(十四)

[jQuery教程]jQuery自定义事件(十四)
前面章介绍的 mousedown、click、keydown等类型的事件都是浏览器提供的,本章介绍如何自定义事件,更灵活的实现相应效果。 jQuery自定义事件之trigger事件 众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通...

1个月前 (12-19) 185℃

[jQuery教程]动画基础隐藏和显示(十五)

[jQuery教程]动画基础隐藏和显示(十五)
动画制作是很重要的环节,在本章中先介绍基本动画方法,如何隐藏、显示和隐藏/显示切换的效果。 jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js...

1个月前 (12-18) 170℃

[jQuery教程]上卷下拉方法(十六)

[jQuery教程]上卷下拉方法(十六)
学习了如何隐藏和显示内容,本章进一步介绍,如何更丰富的实现下拉、上卷及下拉/上卷切换的动态效果。 jQuery中下拉动画slideDown 对于隐藏的元素,在将其显示出来的过程中,可以对其进行一些变化的动画效果。之前学过了show方法,show方法在显示的过程中也可以有动画,但...

1个月前 (12-18) 143℃

[jQuery教程]淡入淡出方法(十七)

[jQuery教程]淡入淡出方法(十七)
本章进一步介绍,如何实现更丰富的动态效果,如淡入、淡出及淡入/淡出切换的动态效果。 jQuery中淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法,设置元素透...

1个月前 (12-17) 132℃

[jQuery教程]动画切换的比较(十八)

[jQuery教程]动画切换的比较(十八)
本章详细介绍,显示/隐藏、下拉/上卷及淡入/淡出切换的三种动画切换方法的对比,以及注意事项。 jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设...

1个月前 (12-17) 119℃

[jQuery教程]自定义动画(十九)

[jQuery教程]自定义动画(十九)
前面章节主要介绍固定动画方法,本章介绍 animate() 方法可自定义动画,该方法通过CSS样式将元素从一个状态改变为另一个状态。通过本章学习让大家自己动手制作相应的动画。 jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就...

1个月前 (12-17) 93℃

[jQuery教程]jQuery核心方法和技巧(二十)

[jQuery教程]jQuery核心方法和技巧(二十)
本章主要介绍jQuery核心方法和技巧,让大家更好的理解和运用jQuery。 jQuery中each方法的应用 jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集。 如下:找到所有的div...

1个月前 (12-17) 146℃