一个事件隐藏显示的例子和一个jquerydom对象对象数组
1。事件处理1.1。事件绑定
Bind（类型，FN）；
例子:
复制代码代码如下所示：
$（函数（）{（））
/正式写作
$（# D1）。Bind（听到咔哒声，函数（））{
$（这）。Css（'font-size '，'80px）；
}）；
简式/
$（# D1）。Click（function（）{）
$（这）。Css（'font-size '，'80px）；
}）；
}）；
1.2的速记形式。结合
复制代码代码如下所示：
单击（函数（）{（））
}）；
1.3。合成事件
悬停（输入，离开）：模拟光标悬停事件
切换（FN1、FN2…）：模拟鼠标连续点击事件
例1：
复制代码代码如下所示：
$（函数（）{（））
分离事件
$（'。S1'）。Mouseenter（function（）{）
$（这）AddClass（'s2）；
}）；
$（'。S1'）。Mouseleave（function（）{）
$（这）RemoveClass（'s2）；
}）；
合成事件
$（S1）Hover（函数（）{）
$（这）AddClass（'s2）；
}函数（）{（）
$（这）RemoveClass（'s2）；
}）；
}）；
例2：
复制代码代码如下所示：
$（函数（）{（））
$（# A1）。Toggle（function（）{）
$（# D1）显示（慢的）；
}函数（）{（）
$（# D1）隐藏（慢的）；
}）；
}）；
1.4。子节点生成的事件冒泡事件将转到父节点。
1.4.1。赢得事件对象只需要添加一个随机变量，比如E
e不是真正的事件对象，而是底层事件对象的封装。
单击（函数（e）{）
}）；
例1：
复制代码代码如下所示：
$（函数（）{（））
$（A）。Click（function（e）{
包含对象事件对象的jQuery对象。
目标属性返回一个DOM对象，事件的源。
无功srcobject = e.target；
Alert (srcObject.innerHTML);
}）；
}）；
1.4.2。停止冒泡
event.stoppropagation（）；
例2：
复制代码代码如下所示：
$（函数（）{（））
$（A）。Click（function（e）{
提醒（你点击一个链接的）；
停止/冒泡
e.stoppropagation（）；
}）；
$（# D1）。Click（function（e）{
提醒（你点击div；
}）；
}）；
1.4.3。停止违约行为
（事件。preventDefault）； / /如表单提交
例3：
复制代码代码如下所示：
$（函数（）{（））
$（A）。Click（function（e）{
VaR旗=确认（这是决定删除）；
如果（！旗）{
停止默认行为
E.preventDefault（）；
}
}）；
}）；
1.5的性质。事件对象
event.type：事件类型
event.target：返回的事件源（DOM对象！！！）
事件。pagex / pagey：点击点坐标
例4：
复制代码代码如下所示：
$（函数（）{（））
$（A）。Click（function（e）{
警报（e.type / /获得）；事件类型
警报（e.pagex ++ e.pagey）；
}）；
}）；
1.6。模拟操作 / /如$（'xxx）（Mouseenter）；
$（'xxx）。Trigger（模拟事件'）； / /也可以简化
例5：
复制代码代码如下所示：
$（函数（）{（））
$（# B1）。Click（function（）{）
使相应的文本输入框集中
$（#用户名）。Trigger（'focus'）；
此外，还可以简化 / 。
$（#用户名）集中（）；
}）；
}）；
2。动画
（2.1）显示（隐藏）
作用：通过改变宽度和高度，同时实现显示和隐藏。
使用：
显示（速度，{回调函数}）；
速度可以用作正常
回调函数在整个动画执行后执行。
2.2.slideUp () / slideDown ()
作用：通过改变元素的高度来实现显示和隐藏
用法同上。
例子:
复制代码代码如下所示：
$（函数（）{（））
$（# A1）。Toggle（function（）{）
$（# D1）显示（慢的）；
$（# D1）。SlideDown（慢的）；
}函数（）{（）
$（# D1）隐藏（慢的）；
$（# D1）。SlideUp（慢的）；
}）；
}）；
（2.3时）（淡出） / / /淡入淡出
作用：通过改变不透明度来显示和隐藏
用法同上。
例子:
复制代码代码如下所示：
$（函数（）{（））
$（# B1）。Toggle（function（）{）
$（# D1）。FadeOut（慢的）；
}函数（）{（）
$（# D1）。FadeIn（慢的）；
}）；
}）；
2.4。自定义动画
动画（params，回调速度，{ }）
参数： / /是一个Javaｓｃｒｉｐｔ对象，介绍了动画的执行方式的结束。
速度：速度，以毫秒为单位。
回调函数：在完成动画执行后将执行回调函数。
例子:
复制代码代码如下所示：
$（函数（）{（））
$（# D1）。Click（function（）{）
队列/动画
$（这）。动画（{右：'400px}，3000）；
$（这）。动画（{顶：'250}，2000）。FadeOut（慢的）；
}）；
}）；
3的运作。类型的数组
数组：指jQuery选择器DOM将发现对象被封装到jQuery对象中，
这些对象称为DOM数组。
3.1.length： / /获得数量的属性包含在jQuery对象的DOM对象。
3.2.each（乐趣（我））： / /循环的每一个元素，这是迭代的DOM对象，
代表迭代的jQuery对象。
3.3.eq（指数）： / /回报指数+ 1 jQuery对象的位置
3.4.index（obj）： / /返回，其中obj是DOM对象或者jQuery。
（3.5）get：返回一个DOM对象数组。
3.6.get（指数）： / /回报指数+ 1 DOM。
例子:
复制代码代码如下所示：
$（函数（）{（））
$（# B1）。Click（function（）{）
/ / var obj = $（美元'ul李）；
警报（$ obj。长度）；
obj.each美元（功能（我）{）
：表示正在访问的DOM对象的下标。
从0年初开始。。
：这表示正在访问的DOM对象。
如果（i = 0）{
$（这）。Css（'font-size '，'60px）；
}如果（i = 1）{
$（这）。Css（'font-style '，'italic）；
其他{ }
$（这）。Css（色彩，'）；
}
}）；
/ / var obj = $（美元'ul李）；
var $ O = $（1）obj.eq；
/ / o.css美元（'font-size '，'60px）；
VaR指标= obj.index美元（$ O）；
警报（索引）；
/ / var obj = $（美元'ul李）；
var arr = $（）obj.get；
/ /警报（ARR { 1 }。innerHTML）；
var obj = $（美元'ul李）；
var obj = $（1）obj.get；
警报（obj，innerHTML）；
}）；
}）；