第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标签,将它们的字体颜色改为绿色。