-
jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数: .hide("fast / slow") 这是一个动画设置的快捷方式,'fast' 和 'slow' 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后再隐藏 注意: jQuery在做hide操作的时候,是会保存本身的元素的原始属性值,再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline,那么隐藏再显示时,这个元素将再次显示inline。一旦透明度 达到0,display样式属性将被设置为none,这个元素将不再在页面中影响布局查看全部
-
页面中,通过input可以获取用户的输入值,例如常见的登录信息的提交处理。用户的输入不一定是标准的,输入一段密码:' 1123456 ",注意了: 密码的前后会留空,这可能是用户的无心的行为,但是密码确实又没错,针对这样的行为,开发者应该要判断输入值的前后是否有空白符、换行符、制表符这样明显的无意义的输入值。查看全部
-
处理对象或者数组的遍历查看全部
-
如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1查看全部
-
.get([index]) 从前到后索引的话是index的值从0开始,倒过来从后往前索引,index值是从-1开始,-1就代表最后一个数,-2代表倒数第二个数。查看全部
-
隐藏的元素不会被完全显示(不再影响页面的布局)查看全部
-
语法: jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始 比如例子中的 a 是从索引为2 开始找后面的a 所以最后找到的是索引值为4的a 而不是索引值为0 的a查看全部
-
jQuery中DOM元素的获取index方法: .index()方法,从匹配的元素中搜索给定元素的索引值,从0开始计数。 语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 1.如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 2.如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置 3.如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1查看全部
-
jQuery中DOM元素的获取get方法: jQuery是一个合集对象,如果需要单独操作合集中的的某一个元素,可以通过.get()方法获取到 语法: .get( [index ] ) get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1 找到倒数第二元素,可以传递 $(ele).get(-2)查看全部
-
jQuery中去空格神器trim方法: jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除查看全部
-
jQuery中查找数组中的索引inArray: jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4查看全部
-
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 属性会被立刻修改成动画的目标值 stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态查看全部
-
jQuery中动画animate(下): now和fx是两个参数,可以随便写成其他什么名字,也就是函数有两个参数,第一个参数是正在变化的属性的当前值(即代码中的height值),第二个参数是当前做动画的对象的引用(即$aaron)。查看全部
-
$aaron.eq(1).css('color','blue') $aaron.get(1).style.color="blue"查看全部
举报
0/150
提交
取消