(答案见下载资源)
上机任务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");
2022-01-10 11:13:19
215KB
1