首页 > 代码库 > jQuery测试

jQuery测试

1.div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has()

$("div").has("span");

 

2.<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是?

$(function(){

    $("ul").click(function() {

        alert($("li.selected:last").text());

    });

})

 

 

 

3.在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素,代码是? 提示使用hide()

 

 $("div:eq(1)").hide();

4.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是? 提示使用first-child

 $("li:first-child").hide();

 

 

5.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为?

 

$(“from input:checked”).hide();

6.如何获取列表框元素中被选中元素的的值,代码为:

  $(“select option:select”).text

7.使用attr方法,取消id号为test的复选框选中状态代码为:

$(#test).attr(checked,false);

 

 

 

8.在三个<div>元素中,删除第二个元素的代码为?

 $("div:eq(1)").remove();

 

9.移除已绑定元素事件的方法是?Bind()  unbind();

unbind();

 

 

 

10.如何使用show方法以3秒的速度显示一个id号为testdiv元素,代码为?

 

$("#test").show(3000);

 

 

 

11.编程题

在页面中,添加一个<ul>元素,里面放置多个(至少7个以上)的<li>元素,此外,再添加一个<a>元素.

初始时:<ul>元素中仅显示5个<li>元素,其中包含还包括最后一个<li>元素,<a>元素中的显示"更多"字符.

  当点击"更多"链接时,自身内容变为"简化",同时,<ul>元素中显示全部的<li>元素.

  当点击"简化"链接时,自身内容变为"更多",同时,<ul>元素中仅显示包含最后一个<li>元素在内的5个元素.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>New Web Project</title>

  <script src="http://www.mamicode.com/js/jQuery1.11.1.js"></script>

  <script type="text/javascript">

     $(function() {

      $(".myclass:visible").hide();

 

 $("a[href=http://www.mamicode.com/#]").click(function(){

if($(this).text()=="简化"){

 $(".myclass:visible").hide();

 $(this).html("更多");

}else{

$(".myclass:hidden").show();

 $(this).html("简化");

 }

 });

 });

 </script>

</head>

<body>

 <ul>

<li>1111111111</li>

<li>22222222222</li>

<li>333333333</li>

<li>444444444</li>

 <li class="myclass">55555555</li>

 <li class="myclass">66666666</li>

<li class="myclass">77777777</li>

<li>888888888</li>

<a href="http://www.mamicode.com/#">更多</a>

</ul>

 </body>

37.</html>

 

jQuery测试