<script>

 $(document).ready(function(){

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第一关

 <script>

 $(document).ready(function() {

     $("button").addClass("animated bounce");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第二关

 <script>

 $(document).ready(function() {

 $("button").addClass("animated bounce");

 $(".well").addClass("animated shake");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第三关

 <script>

 $(document).ready(function() {

 $("button").addClass("animated bounce");

 $(".well").addClass("animated shake");

 $("#target3").addClass("fadeOut");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第四关

 <script>

 $(document).ready(function() {

 $("button").addClass("animated bounce");

 $(".well").addClass("animated shake");

 $("#target3").addClass("fadeOut");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第五关

 <script>

 $(document).ready(function() {

     $("button").addClass("animated");

     $(".btn").addClass("shake");

     $("#target1").addClass("btn-primary");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第六关

 <script>

 $(document).ready(function() {

 $("button").removeClass("btn-default");

 $(".well").addClass("animated shake");

 $("#target3").addClass("animated fadeOut");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第七关

 <script>

 $(document).ready(function() {

 $("#target1").css("color","red");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第八关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled",true);

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第九关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target4").html("<em>#target4</em>");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十一关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十二关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十三关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 $("#target1").parent().css("background-color","red");

 });

 </script>

 <!-- Only change code above this line. -->

 <body>

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

 </body>

第十四关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 $("#target1").parent().css("background-color", "red");

 $("#right-well").children().css("color","orange");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十五关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 $("#target1").parent().css("background-color", "red");

 $("#right-well").children().css("color", "orange");

 $(".target:nth-child(2)").addClass("animated bounce");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十六关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 $("#target1").parent().css("background-color", "red");

 $("#right-well").children().css("color", "orange");

 $("#left-well").children().css("color", "green");

 $(".target:nth-child(2)").addClass("animated bounce");

 $(".target:even").addClass("animated shake");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十七关

 <script>

 $(document).ready(function() {

 $("#target1").css("color", "red");

 $("#target1").prop("disabled", true);

 $("#target4").remove();

 $("#target2").appendTo("#right-well");

 $("#target5").clone().appendTo("#left-well");

 $("#target1").parent().css("background-color", "red");

 $("#right-well").children().css("color", "orange");

 $("#left-well").children().css("color", "green");

 $(".target:nth-child(2)").addClass("animated bounce");

 $(".target:even").addClass("animated shake");

 $("body").addClass("animated hinge");

 });

 </script>

 <!-- Only change code above this line. -->

 <div class="container-fluid">

 <h3 class="text-primary text-center">jQuery Playground</h3>

 <div class="row">

 <div class="col-xs-6">

 <h4>#left-well</h4>

 <div class="well" id="left-well">

 <button class="btn btn-default target" id="target1">#target1</button>

 <button class="btn btn-default target" id="target2">#target2</button>

 <button class="btn btn-default target" id="target3">#target3</button>

 </div>

 </div>

 <div class="col-xs-6">

 <h4>#right-well</h4>

 <div class="well" id="right-well">

 <button class="btn btn-default target" id="target4">#target4</button>

 <button class="btn btn-default target" id="target5">#target5</button>

 <button class="btn btn-default target" id="target6">#target6</button>

 </div>

 </div>

 </div>

 </div>

第十八关

W3CSchool闯关笔记(JQuery)的更多相关文章

  1. W3CSchool闯关笔记(Bootstrap)

    该闯关内容与JS闯关衔接. 每一题的答案均在注释处, 第一关:把所有的HTML内容放在一个包含有container-fluid的class名称的div下(注意,是所有的HTML内容,style标签属于 ...

  2. W3CSchool闯关笔记(中级脚本算法)

    坚持下去,编程是一门艺术,与君共勉!!! function sumAll(arr) { var result = 0; var sn = Math.min(arr[0] , arr[1]); var ...

  3. W3CSchool闯关笔记(初级脚本算法)

    W3C后台校验代码bug很多,有的时候跑不过不一定是自己代码写得有问题,也许是网页后台的bug,可以自己把代码放到本地的html文件中跑一下看看 function reverseString(str) ...

  4. XSS Challenges闯关笔记

    前言 做xss做疯了再来一个. 地址:https://xss-quiz.int21h.jp/ ,这个貌似是日本的一个安全研究员yamagata21做的. 做到第九关就跪了,而总共有二十关.一半都还没有 ...

  5. 某xss挑战赛闯关笔记

    0x0 前言 在sec-news发现先知上师傅monika发了一个xss挑战赛的闯关wp([巨人肩膀上的矮子]XSS挑战之旅---游戏通关攻略(更新至18关)https://xianzhi.aliyu ...

  6. W3CSchool实战闯关笔记（JavaScript）

    //handsome /** *ugly **/ 第一关注释 // 举例 var myName; // Define myName below this line 第二关声明变量 // Setup v ...

  7. The Python Challenge 闯关笔记

    The Python Challenge : http://www.pythonchallenge.com/ Level 0: 看提示图片中为2**38,计算值为274877906944. Hint: ...

  8. 网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

    前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信 ...

  9. 《JavaScript 闯关记》

    为何写作此课程 stone 主要负责基于 Web 的企业内部管理系统的开发,虽然能够熟练地使用 JavaScript,但随着对 JavaScript 的理解越来越深,才发现自己尚未掌握其精髓. 201 ...

随机推荐

  1. Get Remote Computer Install Software

    #requires -Version 2 function Get-Software { param ( [string] $DisplayName='*', [string] $UninstallS ...

  2. 数据库MySQL——安装

    MySQL 安装 Mysql安装: 1.通过二进制的方式安装 二进制安装方式中,包括rpm版本以及glibc版本. rpm版本就是在特定linux版本下编译的,如果你的linux版本匹配,就可以安装; ...

  3. Linux-ftp虚拟用户配置

    云服务器ESC 部署vsftpd 虚拟用户 说明:云服务器部署和本地服务器部署一样,都需要开通指定的相应端口,只不过云服务器需要在安全组规则中打开相应的端口允许通过. 环境说明: 对应的用户对应不同的 ...

  4. 最近公共祖先（LCT）

    来一发\(LCT\)求\(LCA\) \(LCT\)在时间上不占据优势,码量似乎还比树剖,倍增,\(Tarjan\)大一点 但是却是一道\(LCT\)的练手题 对于每一个询问,我们只需要把其中一个点( ...

  5. 树莓派中QT实现PWM

    树莓派中QT实现PWM 在QT中实现 PWM 使用的驱动为 wiringPi 之前的博客中已经介绍了 wiringPi , BOARD 管脚, BCM 之间的关系 这次, 就介绍在 wiringPi ...

  6. 关于SDK_JDK_JRE_JVM的关系

    SDK JDK JRE JVM 四者的关系 一:SDK与JDK的关系(可以认为jdk只是sdk的一种子集) SDK是Software Development Kit的缩写,中文意思是“软件开发工具包” ...

  7. PMP(项目管理)备考资料汇总-来自多名项目经理的总结

    上重点,所有的相关总结文档(备考计划<务必仔细看一遍>.总结.提升方法等).含易混点区分的思维导图都在QQ群里:931269244 所有整理资料的汇总说明有时候别人会问我,你这是图什么呢, ...

  8. Gym - 101982C Contest Setting （动态规划）

    A group of contest writers have written n problems and want to use k of them in an upcoming contest. ...

  9. python3 两层dict字典转置

    python3; 两层字典 dict =(type, dict2) dict2 = (k_value, index) dictss = { 10: {3: 1, 4: 2, 5: 3, 6: 4, 7 ...

  10. 自定义shiro实现权限验证方法isAccessAllowed

    由于Shiro filterChainDefinitions中 roles默认是and, admin= user,roles[system,general] 比如:roles[system,gener ...