toggle、sildeToggle以及fadeToggle的区别：

• toggle：切换显示与隐藏效果

• sildeToggle：切换上下拉卷滚效果

• fadeToggle：切换淡入淡出效果

当然细节上还是有更多的不同点:

toggle与slideToggle细节区别：

• toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性

• slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性

fadeToggle方法

• fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。

• 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。

• 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。

• 注释：隐藏的元素不会被完全显示（不再影响页面的布局）

注意事项：

• 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none

• 如 果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次

注意事项：

• show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置

• 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式

• 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

语法：参数接受一个jQuery或者dom对象作为查找的条件

.index()

.index(selector)

.index(element)

1. 如果不传递任何参数给.index()方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置

2. 如果在一组元素上调用.index(),并且参数是一个DOM元素或jQuery对象，index()返回值就是传入的元素相对于原先集合的位置

3. 如果参数是一个选择器，index()返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则.index()返回-1
   

语法

.get([index])

注意两点

1. get方法是获取的dom对象，也就是通过document.getElementById获取的对象

2. get方法是从0开始索引

所以第二个a元素的查找：$(a).get(1)

负索引值参数

get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1

同样是找到第二个元素，可以传递$(a).get(-2)

jQuery.trim()函数用于去除字符串两端的空白字符

这个函数很简单，没有多余的参数用法

需要注意：

移除字符串开始和结尾处的所有换行符，空格（包括连续的空格）和制表符（tab）

如果这些空白字符在字符串中间时，它们将被保留，不会被移除

语法

jQuery.inArray(value,array.[gromIndex])

注意：

如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于（或大于）-1来进行判断

语法

jQuery.each(array,callback)

jQuery.each(object,callback)

第一个参数传递的就是一个对象或者数组，第二个是回调函数

基本语法

.stop();停止当前动画，点击在暂停处继续开始

.stop(true)如果同一个元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，知道第一个完成。当调用.stop()的时候，队列中的下一个动画立即开始。如果clearQueue参数提供true值，那么在队列中的动画其余被删除并永远不会运行

.stop(true,true);当前动画将停止，但该元素上的css属性会被立刻修改成动画的目标值

1. stop():只会停止第一个动画，第二个第三个继续

2. stop(true):停止第一个、第二个和第三个动画

3. stop(true true):停止动画，直接跳到第一个动画的最终状态
   

option参数：

duration-设置动画执行的时间

easing-规定要用的easing函数，过渡使用哪种缓动函数

step-规定每个动画的每一步完成之后要执行的函数

progress:每一次动画调用的时候会执行这个回调，就是一个进度的概念

complete:动画完成回调

最关键的一点：

如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次

语法：.animate(properties,[duration],[easing],[complete])

.animate(properties,option)

properties:一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明

jQuery是一个合集对象，如果需要单独操作合集中的的某一个元素，可以通过.get()方法获取到

以下有3个a元素结构：

<a>1</a>
<a>2</a>
<a>3</a>

通过jQuery获取所有的a元素合集$("a")，如果想进一步在合集中找到第二2个dom元素单独处理，可以通过get方法

语法：

.get( [index ] )

注意2点

1. get方法是获取的dom对象，也就是通过document.getElementById获取的对象

2. get方法是从0开始索引

所以第二个a元素的查找： $(a).get(1)

get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1

同样是找到第二元素，可以传递 $(a).get(-2) 

元素的显示隐藏：

1. 改变样式display为none

2. 设置高度为0

3. 设置透明度为0

toggle、slideToggle以及fadeToggle的区别

1. toggle:切换显示与隐藏效果

2. slideToggle:切换上下拉卷滚效果

3. fadeToggle:切换淡入淡出效果

toggle与slideToggle：

toggle:动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性

slideToggle:动态效果从下至上。竖向动作，slideToggle通过高度变化来切换所有匹配元素的可见性

fadeToggle方法

1. fadeToggle()方法在fadeIn()和fadeOut()方法之间切换

2. 元素是淡出显示的，fadeToggle()会使用淡入效果显示它们

3. 元素是淡入显示的，fadeToggle()会使用淡出效果显示它们

注释：隐藏的元素不会被完全显示（不再影响页面的布局）

jQuery.trim()函数用于去除字符串两端的空白字符

需要注意：

• 移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab）

• 如果这些空白字符在字符串中间时，它们将被保留，不会被移除

fadeIn:淡入效果，内容显示，opacity是0到1

fadeOut:淡出效果，内容隐藏，opacity是1到0

语法：.fadeTo(duration,opacity,callback)

必需的duration参数规定效果的时长，它可以取以下值:"slow"、"fast"或毫秒。fadeTo()方法中必需的opacity参数将淡入淡出效果设置为给定的不透明度(值介于0到1之间)。可选的callback参数是该函数完成后执行的函数名称。