可怜的简答题
1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has()
$("#hh").has("span").css("color", "blue");
$("#hh span").css("color", "blue");
2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是?
$(“tr”).eq(1).hide();
3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是? 提示使用hide()
$(“div.eq(1)”).hide();
4.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是? 提示使用first-child
$(“li:first-chld”).hide();
5.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为?
$(“form inut:checked”).hide();
6.如何获取列表框元素中被选中元素的的值,代码为:?
$(“select option:selected”).text();
7.使用attr方法,取消id号为test的复选框选中状态代码为:?
$(“#trxt”).attr(“checked”,false);
8.在三个<div>元素中,删除第二个元素的代码为?
$(“div:eq(1)”).remove
9.移除已绑定元素事件的方法是?Bind() unbind();
unbind();
10.如何使用show方法以3秒的速度显示一个id号为test的div元素,代码为?
$(“#test”).show(3000);
11.编程题
在页面中,添加一个<ul>元素,里面放置多个(至少7个以上)的<li>元素,此外,再添加一个<a>元素.
初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符.
当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素.
当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显示包含最后一个<li>元素在内的5个元素.
11.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 12."http://www.w3.org/TR/html4/loose.dtd"> 13.<html xmlns="http://www.w3.org/1999/xhtml"> 14. <head> 15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 16. <title>New Web Project</title> 17. <script src="js/jQuery1.11.1.js"></script> 18. <script type="text/javascript"> 19. $(function() { 20. $(".myclass:visible").hide(); 21. 22. $("a[href=#]").click(function(){ 23. if($(this).text()=="简化"){ 24. $(".myclass:visible").hide(); 25. $(this).html("更多"); 26. }else{ 27. $(".myclass:hidden").show(); 28. $(this).html("简化"); 29. } 30. }); 31. }); 32. </script> 33. </head> 34. <body> 35. <ul> 36. <li>1111111111</li> 37. <li>22222222222</li> 38. <li>333333333</li> 39. <li>444444444</li> 40. <li class="myclass">55555555</li> 41. <li class="myclass">66666666</li> 42. <li class="myclass">77777777</li> 43. <li>888888888</li> 44. <a href="#">更多</a> 45. </ul> 46. </body> 47.</html>