1.自定义对象 prototype
(1)请简述 prototype 的具体的作用
原型列,使js间接的实现面向对象的功能
(2)user.prototype=new user2();语句的作用是什么?
让user函数继承user2函数,user对象就可以调用user2函数的方法
2.jQuery概述
(1)请说出jQuery的特点
选择器强大,浏览器兼容性好,DOM操作简单
(2)jQuery使用有几个版本,目前来说哪一个版本使用比较多
1.x 2.x 3.x目前使用最广泛的是1.x大版本
(3)jQuery的概念是什么
JavaScriptQuery:JavaScript代码库
3.认识jQuery的$
(1)请说出$的作用和意义
作用1,相当于加载事件 2,充当选择器功能
(2)window.onload 的作用是什么?和Js中的onload事件有什么区别?
window.onload:在本html文档加载时执行某个函数
Js中的onload需要等到整个页面加载完后执行,而$的执行时间要早(类似于static静态代码块)
window onload一个页面只能写一个,而$一个页面可以写多个而不冲突
(3)$("tr:odd").css("background-color","red");
所有偶数行颜色变为红色
单双行代码:
结果:
4.jQuery的选择器A
(1)请说出JS对象和JQ对象之间是如何相互转化的。
将JS对象转换成JQ对象:$(div).html(“js对象转换为jq对象”)
Jq对象转换为js对象:var $div = $(“#div1”);var jsDiv = $div.get(0);或使用 var jsDiv = $div[0];
注意:DOM对象才能使用DOM对象的方法,JQuery对象不可以使用DOM对的方法
(2)请列举常用的基本选择器
标签选择器:$(“Tag”)
Id选择器:$(“#id”)
类选择器:$(“.class”)
通配符选择器:$(“*”)
分组选择器:$(".class1,.class2,....classN");
(3)请说明 html()和 val()方法之间的区别
html():获得文本内容
val():获得对应的值
5.jQuery的选择器B
(1)请问后代选择器和子父选择器的区别
Eg:$(“A b”):A标签下的所有b标签 $(“A>b”):A标签下的直接级子元素b
(2)prev + next 选择器
后面第一个兄弟元素
(3)prev ~ next 这个选择器的作用
后面所有的兄弟元素
6.选择器学习C
(1)如何获得ul中所有下标(0开始)为奇数的li对 象
(2)如何获得ul中所有下标(0开始)为偶数的li对象。
(3)$("ul li:lt(4)").css("color","green");这个选择器的含义是什么?
获得小于指定索引下标为4的对象,并将字体颜色设置为绿色
7.Query的选择器D
(1)想要获得input标签中name属性名字包含a 的标签对象应该如何书写。
$(“input[name*a]”)
(2)请说出$("input[type=text][name^=z]")选择器的含义
表单中类型为text的且name以z开头的元素
8.jQuery的选择器E
(1)$("input:disabled")这个选择器的作用是什么?
获得input标签中含有disabled属性的对象
(2)$(":input")和$("input");这两个选择器的区别是什么?
$(":input"):获得form表单中所有的表单 $("input"):获得所有标签名为input的元素
9.操作页面的样式1
(1)如何可以获得一个div元素的宽和高的css样式,JQ获得方式和JS获得方式之间的差异在什么地方.
JQ:获得宽 $(“div”).css(“width”) 获得高 $(“div”).css(“height”)
JQ使用的方法是封装了JS,代码相对js简洁
(2)想要操作一个元素对象的css样式有几种方式.
3种
10.操作页面的样式2
想通过增加class的方式给指定元素增加样式,有几种书写方式,请写出具体代码。
两种