jquery 判断是否有类名_Day037-JS、jQuery

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