-
show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度查看全部
-
.animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调 $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
淡入淡出fadeIn与fadeOut都是修改元素样式的opacity属性,但是他们都有个共同的特点,变化的区间要么是0,要么是1 fadeIn:淡入效果,内容显示,opacity是0到1 fadeOut:淡出效果,内容隐藏,opacity是1到0查看全部
-
fadeIn 淡入效果 fadeOut 淡出效果 fadeTogget 淡入淡出效果查看全部
-
togget() 如果元素是最初显示,它会被隐藏 如果隐藏的,它会显示出来查看全部
-
jQuery中DOM元素的获取index方法 get方法是通过已知的索引在合集中找到对应的元素。反过来,.index()方法,从匹配的元素中搜索给定元素的索引值,从0开始计数。 语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1查看全部
-
jQuery中DOM元素的获取get方法 jQuery是一个合集对象,如果需要单独操作合集中的的某一个元素,可以通过.get()方法获取到 注意:eq返回的是一个jQuery对象,get返回的是一个DOM对象。eq()是jquery方法,用了get()就只能用dom方法。 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 所以第二个a元素的查找: $(a).get(1) 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1查看全部
-
inarray查看全部
-
jQuery中去空格神器trim方法 判断输入值的前后是否有空白符、换行符、制表符这样明显的无意义的输入值。 jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除查看全部
-
jQuery中查找数组中的索引inArray Query.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray( value, array ,[ fromIndex ] ) value:目标值,要查找索引位置的指定值 array:数组 fromIndex:的意思是从索引第几位开始寻找value,默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断 举个栗子: var index = $.inArray('a',['a','b','c','d','a','c'],2); 中['a','b','c','d','a','c']对应的索引:是0 、1、2、3、4、5 那从第2个索引值算开始查找输出的是4,如果默认第0个索引值查找。那输出结果是0 了查看全部
-
jQuery中each方法的应用 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方法可以很方便的遍历一个数据,不需要考虑这个数据是对象还是数组查看全部
-
jQuery中停止动画stop 语法: .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) stop还有几个可选的参数,简单来说可以这3种情况 .stop(); 停止当前动画,点击在暂停处继续开始 .stop(true); 如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始,直到第一个完成。当调用.stop()的时候,队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 .stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值 简单的说:参考下面代码、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态查看全部
-
<$ele>.index([<selector>|<ele>]?):获取索引 返回: 无参时,返回<$ele>中首个元素相对于其兄弟元素的索引位置; 参数是<ele>且<$ele>为元素集合时,返回<ele>相对于<$ele>的索引位置; 参数是<selector>时,返回<$ele>相对于<selector>匹配元素的索引位置(找不到匹配元素则返回-1)。查看全部
-
.get(<index>?):获取DOM元素 参数说明: <index>可以为非负数(起始值为0),表示从左往右数;或为负数(起始值为-1),表示从右往左数。 返回: <index>超出范围时,返回undefined; <index>未设置时,返回元素数组; 正常检索,返回单个DOM元素。查看全部
-
jQuery.trim(<str>):去除字符串两端的空白符(包括换行、空格和tab)查看全部
举报
0/150
提交
取消