jQuery选择器实践习题及解答.rar
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本资源包含了针对jQuery选择器的各种练习题目及其详细解答，适合前端开发者进行深入学习和自我测试使用。
在chrome浏览器中打开dom.sample2.html页面，并在控制台输入jQuery代码执行以下操作：
（1）查找id为tigerLily的元素。
（2）找出所有类名为myList的元素。
（3）选取所有的input元素。
（4）选择所有的img和tr元素。
（5）找到id分别为coffeePot和someDiv的元素。
（6）获取具有id属性的所有元素。
（7）查找具有id属性且为输入框类型的元素。
（8）选中value值等于A的元素。
（9）选取value值等于A或C的元素。
（10）选择title包含dog关键字的img标签。
（11）找出href以http开头的a标签。
（12）在div元素内找到span子元素。
继续执行上机任务，在chrome中打开dom.sample2.html页面，输入jQuery代码完成以下操作：
（13）选取作为myList类ul直接子节点的所有li标签。
（14）选择id为radioA的input后面紧邻的一个input兄弟元素。
（15）找到所有位于id为radioA的input之后的其他input兄弟元素。
（16）获取dom sample页面中的第三个tr元素。
（17）选取type属性值为checkbox且索引是偶数的所有输入框元素。
（18）选择除最后一行外的所有tr标签。
（19）查找所有的复选框元素。
（20）找出所有被勾选的表单控件。
（21）获取td单元格中包含数字1972的数据项。
（22）选取内含ul子节点的li元素。
（23）选择表格中的每行的第一个和最后一个单元格，不包括标题行。可以使用nth-child()过滤器来实现此功能。
执行上机任务三，在chrome中打开dom.sample2.html页面，并在控制台输入jQuery代码完成以下操作：
1. 对于所有具有alt属性的图片元素，应用yellow类至倒数第二个元素。
2. 将第一个复选框表单元素设置为.green样式。
3. 获取id值为checkbox3的元素在整个文档中表单中的顺序位置。
4. 使用链式语法：先对所有的img和tr标签应用seeThrough样式，再将yellow类应用到它们上面。
5. 通过filter方法选择单元格内容是Java或Smalltalk的所有td元素。
6. 获取图片集合里的第2、3、4张图像。
7. 使用has函数来查找包含ul子节点的li标签。
8. 将tbody中每个单元格的内容设置为“我爱jQuery”。
9. 查找form元素内所有的后代label元素。
10. 检查表单是否含有id值为checkbox5的元素。
全部评论 (0)
