1、一、Jquery 测试题下面哪种不是 jquery 的选择器？(单选)A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器考点:jquery 的选择器 (C)当 DOM 加载完成后要执行的函数，下面哪个是正确的？(单选)jQuery(expression, context) B、jQuery(html, ownerDocument) C、jQuery(callback) D、jQuery(elements)考点：jquery 的核心函数 (C)下面哪一个是用来追加到指定元素的末尾的？(单选)A、insertAfter() B、append() C、appendTo() D、after
2、()考点：jquery 的核心函数 (C)下面哪一个不是 jquery 对象访问的方法？(单选)A、each(callback) B、size() C、index(subject) D、index()考点： jquery 的核心函数之对象访问 （D）jquery 访问对象中的 size()方法的返回值和 jQuery 对象的_属性一样.考点：jquery 的核心函数之对象访问 （length）jquery 中$(this).get(0)的写法和_是等价的。考点：jquery 的核心函数之对象访问 （$(this)0）7. 有这样一个表单元素，想要找到这个 hidden 元素，下面哪个是正确的？
3、(单选)A、visible B、hidden C、visible() D、hidden()考点：jquery 的选择器 （B）如果需要匹配包含文本的元素，用下面哪种来实现？(单选)A、text() B、contains() C、input() D、attr(name)考点：jquery 的选择器 （B）现有一个表格，如果想要匹配所有行数为偶数的，用_实现，奇数的用_实现。考点：jquery 的选择器 （even,odd）如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？(单选)A、text() B、get() C、eq() D、contents（）考点：jquery 的
4、选择器 （C）在一个表单里，想要找到指定元素的第一个元素用_实现，那么第二个元素用_实现。考点：jquery 的选择器 （first,eq(1)）下面哪种不属于 jquery 的筛选？（单选）A、过滤 B、自动 C、查找 D、串联考点：jquery 的筛选 (B)下面哪几种是属于 jquery 文档处理的？ （多选）A、包裹 B、替换 C、删除 D、内部和外部插入考点：jquery 的文档处理 (ABD)如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？（单选）A、append(content) B、appendTo(content) C、insertAfter(content) D、
5、after(content)考点：jquery 的文档处理 (D)在 jquery 中，用一个表达式来检查当前选择的元素集合，使用_来实现，如果这个表达式失效，则返回_值。考点：jquery 的筛选 （is(expr),false）在 jquey 中，如果想要从 DOM 中删除所有匹配的元素，下面哪一个是正确的？（单选）A、delete() B、empty() C、remove() D、removeAll()考点：jquery 的文档处理 （C）在 jquery 中，想要给第一个指定的元素添加样式，下面哪一个是正确的？（单选）A、first B、eq(1) C、css(name) D、css(
6、name,value)考点： jquery 的 css 处理 （C）在编写页面的时候，如果想要获取指定元素在当前窗口的相对偏移，用_来实现，该方法的返回值有两个属性，分别是_和_。考点：jquery 的 css 处理 （offset,top,left）在 jquery 中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？ （单选）A、width() B、width(val) C、width D、innerWidth()考点：jquery 的 css 处理 （A）在一个表单中，如果将所有的 div 元素都设置为绿色，实现功能是_。考点：jquery 的 css 处理 ($(“div”).c
7、ss(“color”,”green”)为每一个指定元素的指定事件（像 click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？ （单选）A、trigger (type) B、bind(type) C、one(type) D、bind考点：jquery 的事件操作 (B)在 jquery 中，鼠标移动到一个指定的元素上，会触发指定的一个方法，实现该操作的是_。考点：jquery 的事件操作 (hover(over,out)下面哪几个不是属于 jquery 的事件处理? (多选)A、bind(type) B、click() C、change() D、one(type)考点：jquery 的
8、事件处理 (BC)在一个表单中，如果想要给输入框添加一个输入验证，可以用下面的哪个事件实现？ (单选)A、hover(over ,out) B、keypress（fn） C、change() D、change(fn)考点：jquery 的事件处理 (D)当一个文本框中的内容被选中时，想要执行指定的方法时，可以使用下面哪个事件来实现？（单选）A、click(fn) B、change(fn) C、select(fn) D、bind(fn)考点：jquery 的事件处理 (C)在 jquery 中，想让一个元素隐藏，用_实现，显示隐藏的元素用_实现。考点：jquery 的页面效果 （hide(),s
9、how()）在一个表单中，用 600 毫秒缓慢的将段落滑上，用_来实现。考点：jquery 的页面效果 （$(“p”).slideUp(“slow”)）在 jquery 中，如果想要自定义一个动画，用_函数来实现。考点：jquery 的页面效果 (animate(params, options)在 jquery 中想要实现通过远程 http get 请求载入信息功能的是下面的哪一下事件？ (单选)A、$.ajax() B、load(url) C、$.get(url) D、$. getScript(url)考点：jquery 的 ajax (C)下面不属于 ajax 事件的是？ (单选)A、aj
10、axComplete(callback) B、ajaxSuccess(callback) C、$.post(url) D、ajaxSend(callback)考点：jquery 的 ajax （C）彻底将 jQuery 变量还原，可以使用_方法实现。考点：jquery 的多库共存 ($.noConflict(extreme)上机题：用 jquery 来实现动态添加和删除表格行在一个表单中，查找所有选中的 input 元素，可以用 jquery 中的_来实现。考点：jquery 的选择器（:not()）下面哪几种是 jquery 中表单的对象属性？（多选）A、:checked B、: enabl
11、ed C、:hidden D、:selected E、:file F、: disabled考点：jquery 的选择器（ABDF）在 jquery 中如果将一个“名/值”形式的对象设置为所有指定元素的属性，可以用_实现。考点：jquery 选择器之属性 （attr(pro)）在 jquery 中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？（单选）A、removeClass() B、deleteClass() C、toggleClass(class) D、addClass()考点：jquery 的属性 （C）在 jquery 中想要找到所有元素
12、的同辈元素，下面哪一个是可以实现的？（单选）A、eq(index) B、find(expr) C、siblings(expr) D、next()考点：jquery 的筛选 （C）二、css 测试题css 的语法由_、_、_三部分组成。考点：css 的语法 (选择器、属性和值)下面哪一个不是检索一个对象的定位方式的属性? （单选）A、static B、absolute C、fixed D、top考点：css 的定位 （D）下面哪个是 display 布局中用来设置对象以块显示，并添加新行的？ （单选）A、inline B、none C、block D、compact考点：css 的布局 (C)设
13、置边框的边框样式用_实现，设置边框的颜色用_实现。考点：css 的边框 （border-style,border-color）设置一个 div 的最小宽度为 100 像素，最大高度为 50 像素，实现这两个设置的方法是_、_。考点：css 的尺寸 (min-width：100px; min-height：50px;)为一个图片设置成背景图像后，设置背景图像在纵向和横向上平铺，下面哪个是实现该功能的？ (单选)A、no-repeat B、repeat C、repeat-x D、repeat-y考点：css 的背景 background (repeat)想要设置一个对象外的线条轮廓的样式为虚线边框
14、，用_实现该功能。考点：css 的轮廓 outline (outline-style: dashed)在 css 中，如果想要阻止计数器增加的，用_来实现。考点：css 的内容 content (counter-increment : none)在编写 css 样式的时候，如果想要设置标记容器和主容器之间的补白，用_来表示。考点：css 的列表 (marker-offset)如果想设置表格的行与单元格的边框合并在一起，可以用_来实现。考点：css 的表格 （border-collapse：collapse）如果想设置一个对象内文本的流动和方向，用_标签来实现，该标签有两个值，分别是_、_。考点
15、：css 的文本 Text （text-layout-flow，horizontal、vertical-ideographic）在编写 css 样式的时候，如果想要设置文本的对齐方式，下面哪一个不是 text-align 下的值？（单选）A、left B、right C、top D、justify考点：css 的文本 Text (C)在 css 中，如果想要设置对象中文本的样式，下面哪一个不是该标签的值？(单选)A、blink B、line-through C、color D、overline考点：css 的字体 font （C）在 css 中，设置滚动条的表面颜色，是用下面的哪个标签来实现的
16、？（单选）A、scrollbar-base-color B、scrollbar-face-color C、scrollbar-arrow-colorD、scrollbar-shadow-color考点：css 的滚动条 scrollbar（B）三、问答题1. 什么是 jQuery?jQuery 是继 prototype 之后又一个优秀的 Javascrpt 框架。2. HTML 代码：This is a DIV1) 把这个 HTML 元素转化为 jQuery 对象的语句是？2) 得到 div 元素内文本的语句可以是哪些？3) 把元素内文本设置为粗体的方法有？4) 清空文本的方法有？1.$(“d
17、iv”)2.$(“div”).text(),$(“div”).html ()3.$(“div”).text(“This is DIV”)4.$(“div”).text(“”)3. HTML 代码：1) $(:hidden).length 的值是? 12) $(form input), $(form input), $(form + input), $(form input)分别返回代表哪些元素的 jQuery 数组？$(form input) 返回 form 下的所有 input 元素$(form input) 查找以 form 为父元素所有 input 子元素$(form + input)
18、查找以 form 之外第一个 input 子元素$(form input) 查找以 form 之外所有 input 子元素3) 获取 form 里第二个 input 元素的方法有？$(“#div1 input”).eq(1)4) $(form input:first).parent()返回的是？5) $(form input:first).parents().size()的值是？16) $(#div1).empty()与$(#div1).remove()的结果有什么不同？$(#div1).empty()清空 div1 的内容 结果为 $(“#div1”).remove()删除 div1 节点
19、及包含的子节点 4. 有一个 button执行以下 jQuery 语句：$(#btn).click(function() alert(click me); );$(#btn).click(function() alert(click me again.);单击这个 button 会有什么效果？弹出 2 次对话框 分别是 click me, click me again5. HTML 代码：Hello how are you?jQuery 代码:$(“p“).find(“span“).text(Hi).end() 结果是？Hihow are you1 你在公司是怎么用 jquery 的？答：在项
20、目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答)你用过的选择器啊，复选框啊，表单啊，ajax 啊，事件等配置 Jquery 环境 下载 jquery 类库 在 jsp 页面引用 jquery 类库即可接下来通过在 $(function() ); 2 你为什么要使用 jquery？答：因为 jQuery 是轻量级的框架，大小不到 30kb,它有强大的选择器，出色的 DOM 操作的封装，有可靠的事件处理机制(jQuery 在处理事件绑定的时候相当的可靠)， 完善的 ajax(它的 ajax 封装的非常的好，不需要考虑复杂浏览器的兼容性和 XMLHttpRequest 对象的创建和使
21、用的问题。) 出色的浏览器的兼容性。 而且支持链式操作，隐式迭代。 行为层和结构层的分离，还支持丰富的插件，jquery 的文档也非常的丰富。3 你觉得 jquery 有哪些好处？ 答案同上4 你使用 jquery 遇到过哪些问题，你是怎么解决的？答：这个答案是开发的，看你是否有相关的项目经验。 例 前台拿不到值，JSON 可是出现的错误(多了一个空格等)这编译是不会报错的jquery 库与其他库冲突： 1如果其他库在 jquery 库之前导入的话 1.我们可以通过 jquery.noconflict()将变量的$的控制权过度给其他库 2.自定义快捷键,用一个变量接住 jquery.nocon
22、flict()3.通过函数传参 2如果 jquery 库在其他库之前导入就直接使用 jquery 今天在处理一个数据问题时，发现jQuery.ajax()方法返回的值一直有问题，清除缓存后数据无误， 多次测试后发现返回的值都是之前的值，并且一直未执行 url(后台为 JAVA，设置断点一直未进入)。在网上查找下,发现是未设置 type 的原因。 如果没设置 jQuery.ajax 的 type=“Post“，那么 ajax 就会默认 type=“Get“，这就会导致之前数据被缓存起来。加上 type=“Post“，问题解决！ 5 你知道 jquery 中的选择器吗，请讲一下有哪些选择器？答 ：
23、jQuery 中的选择器大致分为:基本选择器，层次选择器，过滤选择器，表单选择器6 jquery 中的选择器 和 css 中的选择器有区别吗？答：jQuery 选择器支持 CSS 里的选择器， jQuery 选择器可用来添加样式和添加相应的行为 CSS 中的选择器是只能添加相应的样式7 你觉得 jquery 中的选择器有什么优势？答：简单的写法 $(ID) 来代替 document.getElementById()函数支持 CSS1 到 CSS3 选择器 完善的处理机制(就算写错了 id 也不会报错)8 你在使用选择器的时候有有没有什么觉得要注意的地方？答: 1 选择器中含有“.“,“#“,“
24、 等特殊字符的时候需要进行转译 2 属性选择器的引号问题 3 选择器中含有空格的注意事项9 jquery 对象和 dom 对象是怎样转换的？答 ：jquery 转 DOM 对象:jQuery 对象是一个数组对象，可以通过index的丰富得到相应的 DOM 对象 还可以通过 getindex去得到相应的 DOM 对象。 DOM 对象转 jQuery 对象:$(DOM 对象)10 你是如何使用 jquery 中的 ajax 的？答: 如果是一些常规的 ajax 程序的话，使用 load(),$.get(),$.post(),就可以搞定了， 一般我会使用的是$.post() 方法。 如果需要设定be
25、foreSend(提交前回调函数),error(失败后处理),success(成功后处理)及 complete(请求完成后处理)回调函数等，这个时候我会使用$.ajax()11 你觉得 jquery 中的 ajax 好用吗，为什么？答: 好用的。 因为 jQuery 提供了一些日常开发中夙瑶的快捷操作，例 load，ajax，get，post 等等， 所以使用 jQuery 开发 ajax 将变得极其简单，我们就可以集中精力在业务和用户的体验上 ，不需要去理会那些繁琐的 XMLHttpRequest 对象了。12 jquery 中$.get()提交和$.post()提交有区别吗？答: 1 $.
26、get() 方法使用 GET 方法来进行异步请求的。 $.post() 方法使用 POST 方法来进行异步请求的。 2 get 请求会将参数跟在 URL后进行传递，而 POST 请求则是作为 HTTP 消息的实体 内容发送给Web 服务器的，这种传递是对用户不可见的。 3 get 方式传输的数据大小不能超过 2KB 而 POST 要大的多 4 GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。13 jquery 中的 load 方法一般怎么用的？答：load 方法一般在 载入远程 HTML 代码并插入到 DOM 中的时候用 通常用来从 Web 服务器上获取静态的数据文件。 如果要传递参
27、数的话，可以使用$.get() 或 $.post()14 在 jquery 中你是如何去操作样式的？答: addClass() 来追加样式 removeClass() 来删除样式toggle() 来切换样式15 简单的讲叙一下 jquery 是怎么处理事件的，你用过哪些事件？答: 首先去装载文档，在页面家在完毕后，浏览器会通过 javascript 为DOM 元素添加事件。16 你使用过 jquery 中的动画吗，是怎样用的？ 答:使用过。hide() 和 show() 同时修改多个样式属性。像高度，宽度，不透明度。 fadeIn() 和 fadeOut() fadeTo() 只改变不透明度s
28、lideUp() 和 slideDown() slideToggle() 只改变高度animate() 属于自定义动画的方法.17 你使用过 jquery 中的插件吗？ 答:看个人的实力和经验来回答了。18 你一般用什么去提交数据，为什么？答:一般我会使用的是$.post() 方法。 如果需要设定 beforeSend(提交前回调函数),error(失败后处理),success(成功后处理) 及complete(请求完成后处理)回调函数等，这个时候我会使用$.ajax()19 在 jquery 中引入 css 有几种方式？答:四种 行内式，内嵌式，导入式，链接式 20 你在 jquery 中使
29、用过哪些插入节点的方法，它们的区别是什么？答:append(),appendTo(),prepend(),prependTo(),after(),insertAfter()before(),insertBefore() 大致可以分为 内部追加和外部追加 append() 表式向每个元素内部追加内容。 appendTo() 表示 讲所有的元素追加到指定的元素中。 例$(A)appendTo(B) 是将 A追加到 B 中 下面的方法解释类似21 你使用过包裹节点的方法吗，包裹节点有方法有什么好处？答: wrapAll(),wrap(), wrapInner() 需要在文档中插入额外的结构化标记的时
30、候可以使用这些包裹的方法 应为它不会帛画原始文档的语义22 jquery 中如何来获取或和设置属性？ jQuery 中可以用 attr()方法来获取和设置元素属性 removeAttr() 方法来删除元素属性23 如何来设置和获取 HTML 和文本的值？答：html()方法 类似于 innerHTML 属性 可以用来读取或者设置某个元素中的HTML 内容 注意：html() 可以用于 xhtml 文档 不能用于 xml 文档text() 类似于 innerText 属性 可以用来读取或设置某个元素中文本内容。 val() 可以用来设置和获取元素的值24 你 jquery 中有哪些方法可以遍历节
31、点？答 ：children() 取得匹配元素的子元素集合,只考虑子元素不考虑后代元素next() 取得匹配元素后面紧邻的同辈元素 prev() 取得匹配元素前面紧邻的同辈元素 siblings() 取得匹配元素前后的所有同辈元素 closest() 取得最近的匹配元素 find() 取得匹配元素中的元素集合 包括子代和后代25 子元素选择器 和后代选择器元素有什么区别？答:子代元素是找子节点下的所有元素,后代元素是找子节点或子节点的子节点中的元素26 在 jquery 中可以替换节点吗？答：可以 在 jQuery 中有两者替换节点的方式 replaceWith() 和 replaceAll()
32、 例如在hao are you替换成 I am fine $(p).replaceWith(I am fine); replaceAll 与replaceWith 的用法前后调换一下即可。27 你觉得 beforeSend 方法有什么用？答：发送请求前可以修改 XMLHttpRequest 对象的函数，在 beforeSend 中如果返回 false 可以取消本次的 Ajax 请求。XMLHttpRequest 对象是唯一的参数 所以在这个方法里可以做验证28 siblings() 方法 和 $(prevdiv)选择器是一样的嘛？答: $(prevdiv) 只能选择#prev元素后面的同辈元素
33、 而siblings()方法与前后的文职无关，只要是同辈节点就都能匹配。29 你在 ajax 中使用过 JSON 吗，你是如何用的？答:使用过，在$.getJSON() 方法的时候就是。 因为 $.getJSON() 就是用于加载 JSON 文件的30 有哪些查询节点的选择器？答：我在公司使用过 :first 查询第一个，:last 查询最后一个，:odd 查询奇数但是索引从 0 开始 :even 查询偶数，:eq(index)查询相等的 ,:gt(index)查询大于 index 的 ,:lt 查询小于 index :header 选取所有的标题等31 nextAll() 能 替代$(prevsiblindgs)选择器吗？
