2018/11/01渡課
阿新 • • 發佈：2018-11-20
目錄
一、今日課堂總結
- 獲取物件用"$()"。
- 操作物件用"方法名()"。
- 鏈式程式設計。(講解程式碼在下面）
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="" id="baidu">baidu.com</a> <script type="text/javascript"> var jq = new Object(); jq.element = null; jq.html = function(content) { jq.element.innerHTML = content; return jq; } jq.css = function(prperty,value) { jq.element.style[prperty] = value; return jq; } jq.element = document.getElementById("baidu"); jq.html("百度").css("color","red"); </script> </body> </html>
二、預習jq效果
| 方法 | 描述 | 語法 |
|---|---|---|
| hide() | 隱藏HTML 元素 | $(selector).hide(speed,callback); |
| show() | 顯示 HTML 元素 | $(selector).show(speed,callback); |
| fadeIn() | 用於淡入已隱藏的元素 | $(selector).fadeIn(speed,callback); |
| fadeOut() | 用於淡出可見元素 | $(selector).fadeOut(speed,callback); |
| fadeToggle() | fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。如果元素已淡出，則 fadeToggle() 會向元素新增淡入效果。如果元素已淡入，則 fadeToggle() 會向元素新增淡出效果 | $(selector).fadeToggle(speed,callback); |
| fadeTo() | 允許漸變為給定的不透明度（值介於 0 與 1 之間） | $(selector).fadeTo(speed,opacity,callback); |
| slideDown() | 用於向下滑動元素 | $(selector).slideDown(speed,callback); |
| slideUp() | 用於向上滑動元素 | $(selector).slideUp(speed,callback); |
| slideToggle() | slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進行切換。如果元素向下滑動，則 slideToggle() 可向上滑動它們。 | |
| 如果元素向上滑動，則 slideToggle() 可向下滑動它們。 | $(selector).slideToggle(speed,callback); | |
| animate() | 用於建立自定義動畫 | $(selector).animate({params},speed,callback); |
| stop() | 用於停止動畫或效果，在它們完成之前 。stop() 方法適用於所有 jQuery 效果函式，包括滑動、淡入淡出和自定義動畫 | $(selector).stop(stopAll,goToEnd); |
三、今日總結
今天課聽的很認真，課後還有些懈怠，明天要加油。