-
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
提交
取消