第73次(JavaScript)
學習主題:JavaScript
學習目標:
1 掌握js的表單驗證
2 熟練敲出制作購物車代碼,盡量不要看老師的代碼
1. 表單驗證A
(1) 如何可以產生一個4位的隨機數驗證碼
Math.floor(Math.random()*9000+1000)
(2) 如何控制表單是否提交的
通過設置form表單中的οnsubmit=”return check()”,根據自定義的檢查函數check的返回值,判斷表單能否提交。
第74次(JavaScript)
學習主題:JavaScript
學習目標:
1 掌握js的prototype
2 掌握jquery的選擇器
7. 自定義對象 prototype
(1) 請簡述 prototype 的具體的作用
在JavaScript語言中,每一個對象都有一個對應的原型對象,被稱為prototype對象。定義在原型對象上的所有屬性和方法,都能被派生對象繼承。這就是JavaScript繼承機制的基本設計。prototype對象的作用,就是定義所有實例對象共享的屬性和方法,所以它也被稱為實例對象的原型,而實例對象可以視作從prototype對象衍生出來的。
(2) user.prototype=new user2();語句的作用是什么?
user類是以user2類為原型的,繼承了user類的屬性和方法,并且能進行擴展。
8. jQuery概述
(1) 請說出jQuery的特點
1. 快速獲取文檔元素
2. 提供漂亮的頁面動態效果
3. 創建AJAX無刷新頁面
4. 提供對JS語言的增強
5. 增強的事件處理
6. 更改網頁內容
(3) jQuery的概念是什么
jQuery是一個快速、簡潔的JavaScript框架,jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。
9. 認識jQuery的$
(1) 請說出$的作用和意義
1. 利用選擇器來選擇DOM元素。例如$(“div p:nth-child(odd)”)。基本過程是利用選擇器將dom元素選擇出來,封裝成一個jQuery類型的對象。
2. 創建DOM元素。例:$(“<p>Hello World</p>”)。類似于js中的var ele=document.createElement(“p”);ele.innerText=”Hello World”;
3. 文檔就緒處理程序,$(function(){...}),相當于 window.onload = function(){...}。功能比window.onload更強大,window.onload一個頁面只能寫一個,但是$()可以寫多個而不沖突。
4. 調用函數:例如$.trim();
(2) window.onload 的作用是什么?和Js中的onload事件有什么區別?
window.onload事件會在頁面加載完成后觸發。
onload 事件會在頁面或圖像加載完成后立即發生。支持該事件的HTML標簽:<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>。 支持該事件的JS對象:image, layer, window。
(3) $("tr:odd").css("background-color","red");
在所有的tr標簽中,索引下標為奇數(從0開始)的tr標簽,背景顏色改為紅色。
10. jQuery的選擇器A
(1) 請說出JS對象和JQ對象之間是如何相互轉化的。
JS-->JQ: $(JS對象)-->返回JQ對象
JQ-->JS: JQ對象[指定下標]-->返回JS對象
(2) 請列舉本節課中常用基本選擇器
1. ID選擇器 $(“#id”)
2. 元素選擇器 $(“element”)
3. 類選擇器 $(“.class”)
4. 通用選擇器 $(“*”)
5. 分組選擇器 $(“selector1,selector2,selectorN”)
(3) 請說明 html()和 val()方法之間的區別
html():取得第一個匹配元素的html內容。
val():獲得第一個匹配元素的當前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選,將返回一個數組,其包含所選的值。
11. jQuery的選擇器B
(1) 請問后代選擇器和子父選擇器的區別
后代選擇器$(“parent child”)選擇parent標簽中包含的所有child標簽。
父子選擇器$(“parent>child”)選擇parent標簽中的所有child子標簽。
(2) 請問 prev + next 選擇器在使用的時候需要注意什么
next標簽必須緊靠著prev標簽,是prev標簽相鄰的下一個同級標簽,才能被選中。
(3) prev ~ next 這個選擇器的作用
選擇prev標簽后的所有同級的next標簽
12. 選擇器學習C
(1) 如何獲得ul中所有下標(0開始)為奇數的li對 象
$(“ul li:nth-child(even)”);
(2) 如何獲得ul中所有下標(0開始)為偶數的li對象。
$(“ul li:nth-child(odd)”);
(3) $("ul li:lt(4)").css("color","green");這個選擇器的含義是什么?
選擇ul中的下標從0到3的li標簽,將它們的字體顏色改為綠色。