前端笔试题:jQuery选择器与核心函数解析

2星 需积分: 34 47 下载量 183 浏览量 更新于2024-09-10 收藏 17KB DOCX 举报
"这是一份关于jQuery的笔试题库,涵盖了jQuery的选择器、核心函数等多个方面,旨在测试前端开发者对jQuery的掌握程度。" 在前端开发领域,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。这份试题主要涉及jQuery的基础知识,包括选择器、核心函数的使用等关键点。 1. jQuery的选择器是其强大功能之一。题目中提到的基本选择器、后代选择器和类选择器都是jQuery支持的,而“进一步选择器”并非标准jQuery选择器。正确答案是D,类选择器(C)。 2. 当DOM(文档对象模型)加载完成后执行函数,使用的是$(document).ready()或者简写形式$(function() {}),对应选项C。 3. jQuery提供了多种操作DOM的方法,如将内容追加到元素末尾。题目中,appendTo()方法是将内容追加到指定元素的末尾,所以正确答案是C。 4. jQuery对象访问的方法中,size()已被弃用,应使用length属性来获取元素的数量。因此,D选项index()不是访问方法,而index(subject)和index()是有效的。 5. jQuery对象的size()方法返回元素的数量,与length属性相同。 6. $(this).get(0)是获取当前jQuery对象中第一个DOM元素,等价于$(this)[0]。 7. 题目中提到隐藏元素的选择,jQuery使用`:hidden`选择器,所以正确答案是B。 8. 要匹配包含特定文本的元素,可以使用`:contains()`选择器,因此正确答案是B。 9. jQuery的选择器支持`:even`和`:odd`,用于选取索引为偶数或奇数的元素。 10. 如果需要快速定位表格中的指定行,`eq()`方法可以实现,它接受一个索引参数,返回对应的元素,所以正确答案是C。 11. 在表单中,`first()`和`eq(1)`分别用于获取第一个和第二个元素。`first()`用于获取集合中的第一个元素,`eq(1)`获取索引为1(即第二个)的元素。 通过解答这些题目,开发者可以深入理解jQuery的核心概念和常用方法,这对于前端开发人员来说是非常重要的基础技能。学习并熟练掌握这些知识点,有助于提高工作效率,编写出更加简洁、高效的代码。
2019-12-02 上传
(答案见下载资源) 上机任务1 用chrome打开dom.sample2.html页面, 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (1)查找id号为tigerLily的元素 (2)查找拥有类myList的元素 (3)查找所有的input元素 (4)查找所有img元素和tr元素 (5)查找id号为coffeePot和id号为someDiv的元素 (6)选择具有id属性的所有元素 (7)选择具有id属性的input元素 (8)选择其value属性等于A的元素 (9)选择其value属性等于A或等于C的元素 (10)选择其title属性值中含有dog的img元素 (11)选择其href属性值以http开头的a元素 (12)选择div元素内嵌套的span元素 上机任务2 用chrome打开dom.sample2.html页面, 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (13)选择元素li,该元素作为拥有myList类的ul元素的直接子元素 (14)选择id号为radioA的input元素后面的第一个input兄弟元素 (15)选择id号为radioA的input元素后面的所有input兄弟元素 (16)选择dom sample页面中第3个tr元素 (17)选择其type属性值checkbox且索引为偶数的input元素 (18)选择非最后一行的tr元素 (19)选择所有的checkbox元素 (20)选择所有被选中的表单元素 (21)选择含有1972的td元素 (22)选择包含有sapn元素的div元素 (23)选择表格中每行的第一个单元格和最后一个单元格 (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (1)将拥有alt属性的倒数第二个图片元素应用yellow类 (2)将第一个checkbox表单元素应用.green样式 (3)求id值为checkbox3的元素在所有表单元素里的顺序号 (4)用一条链式语句完成:先对所有img元素应用seeThrough样式,再为所有img元素和tr元素应用yellow样式 (5)用filter方法实现:选择单元格内容为Java或Smalltalk的单元格 (6)取图片集中的第2,3,4张图片 (7)用has方法实现:选择那些包含有ul元素的li元素 (8)将tbody每个单元格里的文字设为:我爱jQuery (9)查找form元素的后代元素中标签为label的元素 (10)查找表单元素中是否有id值为checkbox5的元素 提示: 为某dom元素应用某css样式可以使用jQuery中的addClass方法,例如:将id为tt的div元素应用.bt样式,可用些语句:$("#tt").addClass("color","red");