zoukankan      html  css  js  c++  java
  • 可怜的简答题

    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号为testdiv元素,代码为?

    $(“#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>
  • 相关阅读:
    docker 容器
    web开发相关工具总结
    Linux] Git: push 出错的解决 master -> master (branch is currently checked out)
    MongoDB
    vs code 快捷键
    flutter 实现圆角头像的2种方法
    Flutter web环境变量搭建及开发
    使用VS Code调试Flutter(检查用户页面)
    Flutter走过的坑(持续更新)
    react link引入外部css样式的坑
  • 原文地址:https://www.cnblogs.com/hhda/p/6510192.html
Copyright © 2011-2022 走看看