亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery基礎課程

難度初級
時長 9小時58分
學習人數
綜合評分9.23
402人評價 查看評價
9.6 內容實用
9.2 簡潔易懂
8.9 邏輯清晰
  • serialize()方法序列化表單元素值 使用serialize()方法可以將表單中有name屬性的元素值進行序列化,生成標準URL編碼文本字符串,直接可用于ajax請求,它的調用格式如下: $(selector).serialize() 其中selector參數是一個或多個表單中的元素或表單元素本身。 例如,在表單中添加多個元素,點擊“序列化”按鈕后,調用serialize()方法,將表單元素序列化后的標準URL編碼文本字符串顯示在頁面中,如下圖所示: 在瀏覽器中顯示的效果: 從圖中可以看出,當點擊“序列化”按鈕后,調用表單元素本身的serialize()方法,將表單中元素全部序列化,生成標準URL編碼,各元素間通過&號相聯。
    查看全部
  • 使用get()方法以GET方式從服務器獲取數據 使用get()方法時,采用GET方式向服務器請求數據,并通過方法中回調函數的參數返回請求的數據,它的調用格式如下: $.get(url,[callback]) 參數url為服務器請求地址,可選項callback參數為請求成功后執行的回調函數。
    查看全部
  • 1、表單選擇器中選擇form 中所有的input元素,選擇器的格式也是$("#frmTest :input"),需要注意,input冒號前應該有空格,沒有空格會發生錯誤,空格是代表所有后代元素,所以不可少<br> 2、在通用選擇器中,可以用*號選中html中的所有元素,還可以表示某個元素中的所有元素,比如:<body> <form action="#"> <input id="Button1" type="button" value="button" /> <input id="Text1" type="text" /> <input id="Radio1" type="radio" /> <input id="Checkbox1" type="checkbox" /> </form> <script type="text/javascript"> $("form *").attr("disabled", "true"); </script> </body>
    查看全部
  • 使用getJSON()方法異步加載JSON格式數據 使用getJSON()方法可以通過Ajax異步請求的方式,獲取服務器中的數據,并對獲取的數據進行解析,顯示在頁面中,它的調用格式為: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功后,執行的回調函數。
    查看全部
  • 1、如何獲取表單全部元素?:input表單選擇器 (1)功能:返回全部的表單元素,不僅包括所有<input>標記的表單元素,而且還包括<textarea>、<select> 和 <button>標記的表單元素,因此,它選擇的表單元素是最廣的。
    查看全部
  • 使用getJSON()方法異步加載JSON格式數據 使用getJSON()方法可以通過Ajax異步請求的方式,獲取服務器中的數據,并對獲取的數據進行解析,顯示在頁面中,它的調用格式為: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url參數為請求加載json格式文件的服務器地址,可選項data參數為請求時發送的數據,callback參數為數據請求成功后,執行的回調函數。
    查看全部
  • 選擇器: 1.class: . 2.id: # 3.標簽: 標簽名 獲取子孫元素: 1.獲取所有子孫元素:已空格分隔 2.獲取所有子元素:已+分隔 3.獲取第一個子元素:已>分隔 4.獲取所有的子元素:已~分隔
    查看全部
  • addClass(直接應用class類名),css({多種樣式要用花括弧 元素與屬性用冒號隔開,元素與元素用逗號隔開}) 單一屬性可以不用花括弧
    查看全部
  • 調用delay()方法延時執行動畫效果 delay()方法的功能是設置一個延時值來推遲動畫效果的執行,它的調用格式為: $(selector).delay(duration) 其中參數duration為延時值,它的單位是毫秒,當超過延時值時,動畫繼續執行。
    查看全部
  • jqzoom 放大鏡 配置參數: zoomType,默認值:’standard’,另一個值是’reverse’,是否將原圖用半透明圖層遮蓋。 zoomWidth,默認值:200,放大窗口的寬度。 zoomHeight,默認值:200,放大窗口的高度。 xOffset,默認值:10,放大窗口相對于原圖的x軸偏移值,可以為負。 yOffset,默認值:0,放大窗口相對于原圖的y軸偏移值,可以為負。 position,默認值:’right’,放大窗口的位置,值還可以是:’right’ ,’left’ ,’top’ ,’bottom’。 lens,默認值:true,若為false,則不在原圖上顯示鏡頭。 imageOpacity,默認值:0.2,當zoomType的值為’reverse’時,這個參數用于指定遮罩的透明度。 title,默認值:true,在放大窗口中顯示標題,值可以為a標記的title值,若無,則為原圖的title值。 showEffect,默認值:’show’,顯示放大窗口時的效果,值可以為: ‘show’ ,’fadein’。 hideEffect,默認值:’hide’,隱藏放大窗口時的效果: ‘hide’ ,’fadeout’。 fadeinSpeed,默認值:’fast’,放大窗口的漸顯速度(選項: ‘fast’,'slow’,'medium’)。 fadeoutSpeed,默認值:’slow’,放大窗口的漸隱速度(選項: ‘fast’,'slow’,'medium’)。 showPreload,默認值:true,是否顯示加載提示Loading zoom(選項: ‘true’,'false’)。 preloadText,默認值:’Loading zoom’,自定義加載提示文本。 preloadPosition,默認值:’center’,加載提示的位置,值也可以為’bycss’,以通過css指定位置。
    查看全部
  • 使用html()和text()方法操作元素的內容,當兩個方法的參數為空時,表示獲取該元素的內容,而如果方法中包含參數,則表示將參數值設置為元素內容。
    查看全部
  • 圖片放大鏡插件——jqzoom 使用方法:1.引入jQuery與jqzoom,jqzoom.css      2.準備兩張一大一小大小相同的圖片,小圖片放在<img>標簽的"src"屬性里,給img標簽加個<a>標簽,<a>標簽的"href"屬性鏈向大圖片 參數說明:zoomWidht:  小圖片所選區域的寬度。      zoomHeight:  小圖片所選區域的高度。      zoomType:   默認值為standard。如果設為reverse,在小圖片仲,移入鼠標時,所選區域高亮,非選中區域淡灰色。      xOffset:    放大后的圖片與小圖片間的X(橫坐標)距離。      yOffset:    放大后的圖片與小圖片間的Y(縱坐標)距離。      position:    放大后的圖片相對原圖片的位置,默認為"right",還可設置為"left","top","bottom"。      lens:      布爾值,表示是否顯示小圖片中的選中區域,默認值為"true",如果設為"false",則放大后的圖片上面不會出現主題字樣。      imageOpacity: 當zoomType的值為"reverse"時,用來設置非選中區域透明度的值。取值范圍在(0.0-1.0)間。      preloadImages:布爾值,表示是否重新加載大圖像。      preloadText:  重新加載大圖像時,小圖像顯示的文本說明。      title:      大圖像頂部是否顯示<a>標簽里的title。      showEffect:   大圖像加載時的特效,可選值:"show"表示直接顯示,"fadein"由透明度漸變載入效果。      hideEffect:   大圖像隱藏特效,可選值:"hide"表示直接隱藏,"fadeout"透明度漸變隱藏?! ?     fadeinSpeed:  當大圖像的載入特效設為"fadein"時,此屬性可設置特效的時間,可選值為'fast','slow',number分別代表,快慢,毫秒數。      fadtoutSpeed:  當大圖像的隱藏特效設為"fadeout"時,此屬性可設置特效載的時間,可選值為'fast','slow',number分別代表,快慢,毫秒數。
    查看全部
  • 使用wrap()和wrapInner()方法包裹元素和內容 wrap()和wrapInner()方法都可以進行元素的包裹,但前者用于包裹元素本身,后者則用于包裹元素中的內容,它們的調用格式分別為: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 參數selector為被包裹的元素,wrapper參數為包裹元素的格式。
    查看全部
  • 圖片燈箱插件——lightBox 該插件可以用圓角的方式展示選擇中的圖片,使用按鈕查看上下張圖片,在加載圖片時自帶進度條,還能以自動播放的方式瀏覽圖片,調用格式如下: $(linkimage).lightBox({options}) 其中linkimage參數為包含圖片的<a>元素名稱,options為插件方法的配置對象。
    查看全部
  • 通過表單form插件,調用ajaxForm()方法,實現ajax方式向服務器提交表單數據,并通過方法中的options對象獲取服務器返回數據,調用格式如下: $(form). ajaxForm ({options}) 其中form參數表示表單元素名稱;options是一個配置對象,用于在發送ajax請求過程,設置發送時的數據和參數。
    查看全部

舉報

0/150
提交
取消
課程須知
您需要知道HTML、JavaScript和CSS樣式的基礎語法,并能使用這些語法構建一個DIV+CSS結構頁的完整過程。
老師告訴你能學到什么?
通過本課程的學習,您可以由淺入深地全面了解jQuery框架的基礎知識,掌握并使用jQuery操控DOM元素的方法與技巧,深入理解jQuery框架提供的各類API與函數的工作原理和自定義jQuery插件的各項技能。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!