-
基本的操作：toggle(); 這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數(shù)，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。 如果元素是最初顯示，它會被隱藏 如果隱藏的，它會顯示出來 <script type="text/javascript"> // $("button:first").click(function() { // $(".left").toggle(3000) // }); $('button:first').click(function(){ $('.left').toggle(4000) }); </script> <script type="text/javascript"> // $("button:last").click(function() { // $(".right").toggle(3000) // }); $('button:last').click(function(){ $('.right').toggle(5000) }); </script>查看全部
-
注意事項： show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設(shè)置 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式 如果讓show與hide成為一個動畫，那么默認(rèn)執(zhí)行動畫會改變元素的高度，高度，透明度查看全部
-
<script type="text/javascript"> //點擊buttom1 直接隱藏 $("button:first").click(function() { $("#a1").hide() }); </script> <script type="text/javascript"> //點擊buttom2 執(zhí)行動畫隱藏 // $("button:last").click(function() { // $("#a2").hide({ // duration: 3000, // complete: function() { // alert('執(zhí)行3000ms動畫完畢') // } // }) // }); $('button:last').click(function(){ $('#a2').hide({ duration: 5000, complete: function(){ alert('執(zhí)行5000ms動畫完畢') } }) }); </script>查看全部
-
jQuery中隱藏元素的hide方法 提供參數(shù)： .hide( options ) 當(dāng)提供hide方法一個參數(shù)時，.hide()就會成為一個動畫方法。.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進(jìn)行動畫操作 快捷參數(shù)： .hide("fast / slow") 這是一個動畫設(shè)置的快捷方式，'fast' 和 'slow' 分別代表200和600毫秒的延時，就是元素會執(zhí)行200/600毫秒的動畫后再隱藏 注意： jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應(yīng)的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度 達(dá)到0，display樣式屬性將被設(shè)置為none，這個元素將不再在頁面中影響布局查看全部
-
語法一 animate(properties,speed,easing,callback) properties 必須 css樣式和值 speed 可選 時間 slow normal fate easing 可選 swing linear 可插件擴(kuò)展 callback 可選 執(zhí)行完動畫后執(zhí)行的函數(shù) 語法二 animate(properties,options) properties 必選 css樣式和值 options 可選 規(guī)定動畫的額外選項 參數(shù) duration 動畫時間 easing 使用的easing函數(shù)(同上) step 動畫每一步完成后執(zhí)行的函數(shù) progress 每步動畫完成后調(diào)用 complete 動畫完成后執(zhí)行查看全部
-
網(wǎng)頁淡出，下拉效果查看全部
-
get方法是通過已知的索引在合集中找到對應(yīng)的元素。 語法：參數(shù)接受一個jQuery或者dom對象作為查找的條件 .index() .index( selector ) .index( element )查看全部
-
如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對象中第一個元素相對于它同輩元素的位置 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1查看全部
-
jQuery中去空格神器trim方法 頁面中，通過input可以獲取用戶的輸入值，例如常見的登錄信息的提交處理。用戶的輸入不一定是標(biāo)準(zhǔn)的，輸入一段密碼：' 1123456 "，注意了： 密碼的前后會留空，這可能是用戶的無心的行為，但是密碼確實又沒錯，針對這樣的行為，開發(fā)者應(yīng)該要判斷輸入值的前后是否有空白符、換行符、制表符這樣明顯的無意義的輸入值。 jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 這個函數(shù)很簡單，沒有多余的參數(shù)用法 需要注意： 移除字符串開始和結(jié)尾處的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除 通過右邊的代碼可以明顯看到trim使用后的效果查看全部
-
jQuery中查找數(shù)組中的索引inArray 在PHP有in_array()判斷某個元素是否存在數(shù)組中，JavaScript卻沒有，但是jQuery封裝了inArray()函數(shù)判斷元素是否存在數(shù)組中。注意了：在ECMAScript5已經(jīng)有數(shù)據(jù)的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法 jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常簡單，傳遞一個檢測的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始 例如：在數(shù)組中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回對應(yīng)的索引：4 注意： 如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷查看全部
-
jQuery中each方法的應(yīng)用 jQuery中有個很重要的核心方法each，大部分jQuery方法在內(nèi)部都會調(diào)用each，其主要的原因的就是jQuery的實例是一個元素合集 如下：找到所有的div，并且都設(shè)置樣式，css只是一個方法，所以內(nèi)部會調(diào)用each處理這個div的合集，給每個div都設(shè)置style屬性 $('div').css(...) jQuery的大部分方法都是針元素合集的操作，所以jQuery會提供$(selector).each()來遍歷jQuery對象 .each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數(shù)組的遍歷 語法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一個參數(shù)傳遞的就是一個對象或者數(shù)組，第二個是回調(diào)函數(shù) $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { //index是索引,也就是數(shù)組的索引 //value就是數(shù)組中的值了 }); each就是for循環(huán)方法的一個包裝，內(nèi)部就是通過for遍歷數(shù)組與對象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個參數(shù)是當(dāng)前迭代成員在對象或數(shù)組中的索引值(從0開始計數(shù))，第二個參數(shù)是當(dāng)前迭代成員(與this的引用相同 jQuery.each()函數(shù)還會根據(jù)每次調(diào)用函數(shù)callback的返回值來決定后續(xù)動作。如果返回值為false，則停止循環(huán)(相當(dāng)于普通循環(huán)中的break)；如果返回其他任何值，均表示繼續(xù)執(zhí)行下一個循環(huán)。 $.each(["Aaron", "慕課網(wǎng)"], function(index, value) { return false; //停止迭代 }); jQuery方法可以很方便的遍歷一個數(shù)據(jù)，不需要考慮這個數(shù)據(jù)是對象還是數(shù)組查看全部
-
animate在執(zhí)行動畫中，如果需要觀察動畫的一些執(zhí)行情況，或者在動畫進(jìn)行中的某一時刻進(jìn)行一些其他處理，我們可以通過animate提供的第二種設(shè)置語法，傳遞一個對象參數(shù)，可以拿到動畫執(zhí)行狀態(tài)一些通知 .animate( properties, options ) options參數(shù) duration - 設(shè)置動畫執(zhí)行的時間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動函數(shù) step：規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) progress：每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào)，就是一個進(jìn)度的概念 complete：動畫完成回調(diào) 其中最關(guān)鍵的一點就是： 如果多個元素執(zhí)行動畫，回調(diào)將在每個匹配的元素上執(zhí)行一次，不是作為整個動畫執(zhí)行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
去空格神器 trim方法 jQuery.trim()函數(shù)用于去除字符串兩端的空白字符 移除字符串 開始和結(jié)尾處 的所有換行符，空格(包括連續(xù)的空格)和制表符（tab） 如果這些空白字符在字符串中間時，它們將被保留，不會被移除 !!!!開始和結(jié)尾處會被消除，中間會保留查看全部
-
toggle、sildeToggle以及fadeToggle的區(qū)別： toggle：切換顯示與隱藏效果 sildeToggle：切換上下拉卷滾效果 fadeToggle：切換淡入淡出效果查看全部
-
jQuery封裝了inArray()函數(shù)判斷元素是否存在數(shù)組中 語法： jQuery.inArray( value, array ,[ fromIndex ] ) 如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷查看全部
舉報
0/150
提交
取消