Time of Update: 2017-01-19
本文執行個體講述了jQuery中dequeue()方法用法。分享給大家供大家參考。具體分析如下:此函數能夠從隊列最前端移除一個隊列函數,並執行它。建議和queue()函數一起學習。文法結構:複製代碼 代碼如下:$(selector).dequeue(queueName)參數列表: 參數 描述 queueName 可選。隊列的名稱。 預設是 "fx",動畫隊列。 執行個體代碼:複製代碼
Time of Update: 2017-01-19
本文執行個體講述了jQuery中data()方法用法。分享給大家供大家參考。具體分析如下:此方法可以向匹配元素附加資料,或者從匹配元素擷取資料。文法結構一:複製代碼 代碼如下:$(selector).data(name,value)參數列表: 參數 描述 name 儲存的資料名稱。 value 將要儲存的任意資料。 執行個體代碼:複製代碼 代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
本文執行個體講述了jQuery中has()方法用法。分享給大家供大家參考。具體分析如下:此方法保留包含特定後代的匹配元素。.has()方法將會從原始的jQuery對象中重新建立一組匹配的對象。方法通過刪選參數將會遍曆原先對象的後代,含有匹配後代的對象將得以保留。文法結構一:複製代碼 代碼如下:$(selector).has(expr)參數列表: 參數 描述 expr 字串選取器。 執行個體代碼:複製代碼
Time of Update: 2017-01-19
這是一款基於jQuery的圖片切換焦點圖外掛程式,這款jQuery焦點圖外掛程式的特點是圖片可以分組切換,也就是說一次可以切換多張圖片,相比其他焦點圖外掛程式,它能節省更多的空間,可以向使用者展示更多的圖片,非常實用。實現的代碼。html代碼:複製代碼 代碼如下: <div class="device">
Time of Update: 2017-01-19
複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/
Time of Update: 2017-01-19
本文執行個體講述了jQuery中toggleClass()方法用法。分享給大家供大家參考。具體分析如下:此方法對添加或移除匹配元素的一個或多個類進行切換。toggleClass()方法檢查匹配元素中指定的類。如果不存在則添加類,如果已設定則刪除之。這就是所謂的轉場效果。文法結構一:複製代碼 代碼如下:$(selector).toggleClass(class,switch)如果存在(不存在)就刪除(添加)一個類。參數列表: 參數 描述
Time of Update: 2017-01-19
本文執行個體講述了jQuery中removeProp()方法用法。分享給大家供大家參考。具體分析如下:此方法可以刪除由prop()方法設定的屬性。文法:複製代碼 代碼如下:$("selector").removeProp(name)參數列表: 參數 描述 name 定義要要刪除的屬性名稱。 執行個體:執行個體一:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
Time of Update: 2017-01-19
本文執行個體講述了jQuery中removeAttr()方法用法。分享給大家供大家參考。具體分析如下:此方法從匹配元素中移除相應的屬性。文法結構:複製代碼 代碼如下:$(selector).removeAttr(attribute)參數列表: 參數 描述 attribute 定義要從匹配元素中移除的屬性 執行個體代碼:複製代碼 代碼如下:<!DOCTYPE
Time of Update: 2017-01-19
eval函數接收一個參數s,如果s不是字串,則直接返回s。否則執行s語句。如果s語句執行結果是一個值,則返回此值,否則返回undefined。 需要特別注意的是對象聲明文法“{}”並不能返回一個值,需要用括弧括起來才會傳回值,簡單樣本如下: 複製代碼 代碼如下: var code1='"a" + 2'; //運算式 varcode2='{a:2}'; //語句 alert(eval(code1)); //->'a2' alert(eval(code2));
Time of Update: 2017-01-19
現在我們在使用各大網站的個人中心時,都有個上傳個人頭像的功能。使用者在上傳了個人照片之後,可能不符合網站的要求,於是要求使用者對照片進行裁剪,最終根據使用者裁剪的尺寸產生頭像。這個功能真是太棒了,原來不懂js的時候,感覺很神奇,太神奇了。心想哪天要是自己也能搞明白這裡面的技術,那該多牛呀~大家是不是也有何我一樣的想法呀~哈哈~~下面我們就來用javascript來實現這個功能吧。複製代碼 代碼如下:<!DOCTYPE html><html
Time of Update: 2017-01-19
本文執行個體講述了jQuery中:nth-child選取器用法。分享給大家供大家參考。具體分析如下:此選取器匹配其父元素下的第N個子或奇偶元素。:eq(index)選取器只匹配一個元素,而:nth-child選取器將為每一個父元素匹配子項目。:nth-child從1開始的,而:eq()是從0開始。文法結構:複製代碼 代碼如下:$(":nth-child")此選取器一般也要和其他選取器配合使用,比如類別選取器、元素選取器等等。例如:複製代碼
Time of Update: 2017-01-19
本文執行個體講述了jQuery中[attribute*=value]選取器用法。分享給大家供大家參考。具體分析如下:此選取器能夠匹配給定的屬性包含某些值的元素。文法結構:複製代碼 代碼如下:$("[attribute*=value]")參數列表: 參數 描述 attribute 定義要尋找的屬性。 value 定義要尋找的值。 引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"
Time of Update: 2017-01-19
本文執行個體講述了jQuery中[attribute]選取器用法。分享給大家供大家參考。具體分析如下:此選取器能夠匹配帶有給定屬性的元素。文法結構:複製代碼 代碼如下:$("[attribute]")參數列表: 參數 描述 attribute 要尋找的屬性名稱。 執行個體代碼:複製代碼 代碼如下:<!DOCTYPE html><html><head><meta charset=
Time of Update: 2017-01-19
本文執行個體講述了jQuery中slideUp()方法用法。分享給大家供大家參考。具體分析如下:此方法通過高度變化(向上減小)來動態地隱藏所有匹配的元素,並且隱藏完成後還可以地觸發一個回呼函數。slideUp()方法只調整元素的高度,可以使匹配的元素以“滑動“方式隱藏起來。一.文法結構:此方法可以規定動畫效果期間,如果沒有規定時間則使用預設值normal。例如:複製代碼
Time of Update: 2017-01-19
調試時巧用console.log(),這比用alert()方便多了。jquery易錯點:元素拼接的時候,元素還未添加到DOM,就用該預添加元素操作。ajax動態擷取的資料,還沒有裝載html元素,下面就開始用預拼湊的元素操作。複製代碼 代碼如下:<li onclick="Show('10')"> <a
Time of Update: 2017-01-19
本文執行個體講述了jQuery中has選取器用法。分享給大家供大家參考。具體分析如下:此選取器匹配含有選取器所匹配的元素的元素。文法結構:複製代碼 代碼如下:$(":has(selector)")關於此選取器的定義可能有點拗口,通俗的講就是如果一個元素含有selector(選取器)所匹配的元素,那麼此元素將被匹配。例如:複製代碼 代碼如下:$("div:has(p)")以上選取器將匹配含有p元素的div元素。此選取器一般也要和其他選取器配合使用,比如類別選取器和元素選取器等等。例如:複製代碼
Time of Update: 2017-01-19
本文執行個體講述了jQuery中contains選取器用法。分享給大家供大家參考。具體分析如下:此選取器匹配包含給定文本的元素。文法:複製代碼 代碼如下:$(":contains(text)")此選取器一般也要和其他選取器配合使用,比如類別選取器和元素選取器等等。例如:複製代碼
Time of Update: 2017-01-19
ichat是一款開源免費線上客服jQuery外掛程式,通過該外掛程式,您可以自由的定製屬於自己的線上客服代碼。ichat充分吸收傳統線上客服外掛程式的優點,並加上自身的獨特設計,使得ichat可定製性異常強大。ichat追求簡單實用,走小清新路線,以便能夠適應大多數網站風格。ichat幾乎全部由配置產生,使用簡便,不需要寫html,但需要寫js,因為配置是json對象。ichat體積小巧,代碼高效,相容性良好,採用jQuery外掛程式封裝,與原有系統零衝突。效果預覽圖:更多內容參見: icha
Time of Update: 2017-01-19
本文執行個體講述了jQuery中:lt選取器用法。分享給大家供大家參考。具體分析如下:此選取器匹配所有小於給定索引值的元素。索引值最小是從0開始的。文法結構:複製代碼 代碼如下:$(":lt(index)")此選取器一般也要和其他選取器配合使用,比如類別選取器和元素選取器等等。例如:複製代碼 代碼如下:$("li:lt(3)").css("color","blue")以上代碼能夠將索引小於3的li元素中的字型顏色設定為藍色。如果不和其他選取器配合使用,則預設狀態是和*選取器配合使用,例如$(":
Time of Update: 2017-01-19
本文執行個體講述了jQuery中:gt選取器用法。分享給大家供大家參考。具體分析如下:此選取器匹配所有索引值大於給定索引值的元素。索引值最小是從0開始的。文法結構:複製代碼 代碼如下:$(":gt(index)")此選取器一般也要和其他選取器配合使用,比如類別選取器和元素選取器等等。例如:複製代碼 代碼如下:$("li:gt(0)").css("color","blue")以上代碼能夠將索引大於0的li元素中的字型顏色設定為綠色。如果不和其他選取器配合使用,則預設狀態是和*選取器配合使用,例如$