jQuery小测的总结
1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has()
答案: $(div:has(span)) 获取的是div下的span标签,而不是span标签下的文本内容!
正确答案:$("div span")
2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是?
答案: $(“ul li:last”)
3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是？ 提示使用hide()
答案: $(“div :eq(1)”).hide();
4.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是？ 提示使用first-child
答案: $(“ul:first-child”).hide
5.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为？
答案: $(“form input:checked”).hide();
6.如何获取列表框元素中被选中元素的的值,代码为:？
答案: $(“selector option:selected”).val();
7.使用attr方法,取消id号为test的复选框选中状态代码为:？
答案: $(“#test”).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个元素.
jQuery部分:
<script type="text/javascript"> $(function() { $(".myclass:visible").hide(); $("a[href=#]").click(function() { if ($(this).text() == "简化") { $(".myclass:visible").hide(); $(this).html("更多"); } else { $(".myclass:hidden").show(); $(this).html("简化"); } }); });
<body>部分:
<h1>第11题</h1>
<ul>
<li>班长</li>
<li>学委</li>
<li>组长</li>
<li>组员</li>
<li class="myclass">S2225</li>
<li class="myclass">S2226</li>
<li class="myclass">SQL争霸赛</li>
<li>结尾</li>
<a href="#">更多</a>
