-
1、淡入动画fadeIn ①fadeOut：淡出效果 ②fadeIn：淡入效果（方法使用上两者都是一致的，只是结果相反） （1）.fadeIn( [duration ] [, complete ] ) ①duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 ②元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 （2）fadeIn()函数：用于显示所有匹配的元素，并带有淡入的过渡动画效果。 注意： ①淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% ②如果元素本身是可见的，不对其作任何改变；如果元素是隐藏的，则使其可见。查看全部
-
fadeToggle切换fadeOut与fadeIn效果，所谓“切换”，即如果元素当前是可见的，则将其隐藏（淡出）；如果元素当前是隐藏的，则使其显示（淡入） fadeToggle()方法可以在fadeIn()与fadeOut()方法之间进行切换。如果元素已淡出，则fadeToggle()向元素添加淡入效果，如果元素已淡入，则fadeToggle()会向元素添加淡出效果查看全部
-
jQuery中淡出动画fadeOut 让元素在页面不可见，常用的办法就是通过设置样式的display：none。除此之外还可以一些类似的方法可以达到这个目的，这里要提一个透明度的方法，设置元素透明度为0，可以让元素不可见，透明度的参数是0-1之间的值，通过改变这个值可以让元素有一个透明度的效果，常见的淡入淡出动画正是这样的原理查看全部
-
slideUp与slideDown是一对相反的方法，需要对元素进行上下拉卷效果的切换，jQuery提供了一个便捷方法slideToggle用滑动动画显示或隐藏一个匹配元素 注意： display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值 当一个隐藏动画后，高度值达到0的时候，display样式属性被设置为none，以确保该元素不再影响页面布局查看全部
-
JQuery中上卷动画slideUp 对于显示的元素，在将其隐藏的过程中，可以对其进行一些变化的动画效果。之前学过了hide方法，hide方法在显示的过程中也可以有动画，但是.hide()方法将为匹配元素的宽度，高度，以及不透明度，同时进行动画操作，这里将要学习新的显示方法slideUp方法 不带参数： $("elem").slideUp() 带参数 .slideUp([duration][,easing][,complete]) 因为动画师异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面查看全部
-
show与hide是一对互斥的方法，需要对元素进行显示隐藏的互斥切换，通常情况是需要先判断元素的display状态，然后调用其对应的处理方法。比如显示的元素，那么就要调用hide，反之亦然。对于这样的操作行为，jQuery提供了一个便捷方法toggle用于切换显示或隐藏匹配元素查看全部
-
show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用important在你的样式中，比如display：none important，如果你希望.show()方法正常工作，必须使用.css('display','block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，宽度，透明度查看全部
-
jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值，比如一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline，一旦透明度达到0，display样式属性将被设置none，这个元素将不再在页面中影响布局查看全部
-
toggle与slideToggle细节区别： •toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 •slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 •fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 •元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。 •元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。 •注释：隐藏的元素不会被完全显示（不再影响页面的布局）查看全部
-
toggle、sildeToggle以及fadeToggle的区别： •toggle：切换显示与隐藏效果 •sildeToggle：切换上下拉卷滚效果 •fadeToggle：切换淡入淡出效果查看全部
-
回调函数中传入的两个参数，如果遍历的是数组，第一个参数是索引值，第二个参数是数组的值；如果遍历是对象，第一个参数是属性，第二个参数是属性值。查看全部
-
show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
语法：参数接受一个jQuery或者dom对象作为查找的条件 .index() 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 .index( selector ) 如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1 .index( element ) 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置查看全部
-
jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 语法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单，传递一个检测的目标值，然后传递原始的数组，可以通过fromIndex规定查找的起始值，默认数组是0开始 例如：在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引：4 注意： 如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断查看全部
-
jQuery的大部分方法都是针元素合集的操作，所以jQuery会提供$(selector).each()来遍历jQuery对象 .each只是处理jQuery对象的方法，jQuery还提供了一个通用的jQuery.each方法，用来处理对象和数组的遍历 语法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一个参数传递的就是一个对象或者数组，第二个是回调函数 $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值了 }); each就是for循环方法的一个包装，内部就是通过for遍历数组与对象，通过回调函数返回内部迭代的一些参数，第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数)，第二个参数是当前迭代成员(与this的引用相同 jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。 $.each(["Aaron", "慕课网"], function(index, value) { return false; //停止迭代 }); jQuery方法可以很方便的遍历一个数据，不需要考虑这个数据是对象还是数组查看全部
举报
0/150
提交
取消