JavaScript_Lesson18/index.html · 李琳/JavaScript课程

Fetch the repository succeeded.

richgiteeai

Watch

Unwatch Watching Releases Only Ignoring

1 Star 0 Fork 132

李琳/JavaScript课程

forked from 老胡来也/JavaScript课程

Code Issues 0 Pull Requests 0 Wiki Insights Pipelines

Service

Tencent Cloud Serverless

Create your Gitee Account

Explore and code with more than 14 million developers,Free private repositories !:)

Already have an account? Sign in

文件

master

Branches (1)

Manage

master

This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.

The license selected for the repository is subject to the license used by the main branch of the repository.

Clone or Download

Clone/Download

HTTPS SSH SVN SVN+SSH Download ZIP

Prompt

To download the code, please copy the following command and execute it in the terminal

To ensure that your submitted code identity is correctly recognized by Gitee, please execute the following command.

git config --global user.name userName 
git config --global user.email userEmail

When using the SSH protocol for the first time to clone or push code, follow the prompts below to complete the SSH configuration.

1 Generate RSA keys.

2 Obtain the content of the RSA public key and configure it in SSH Public Keys

To use SVN on Gitee, please visit the usage guide

When using the HTTPS protocol, the command line will prompt for account and password verification as follows. For security reasons, Gitee recommends configure and use personal access tokens instead of login passwords for cloning, pushing, and other operations.

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # Private Token

Branches 1

Tags 0

javascript_course

JavaScript_Lesson18

index.html

index.html 2.31 KB

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>JavaScript第九课</title>
 <script src="../JavaScript_Lesson16/js/jquery-3.4.1.min.js"></script>
 <style>
 .color{
 color: red;
 }
 .size{
 font-size: 80px;
 }

.family{
 font-family: 宋体;
 }
 </style>

</head>

<body>
 
 <ul id="test-ul">
 <li class="js"><a href="">JavaScript</a> </li>
 <li name="book">Java &amp; JavaScript</li>
 
 </ul>

<font>中国祝福你</font>
 <br>
 <font>三千越甲可吞吴</font>
 <br>
 <font>谢海恩</font>
 <br>
 <font>罗布</font>
 <br>
 <font>然后什么然后</font>
 <br>
 <font>我的九寨</font>
 <br>
 <font>大道三千</font>
 <br>
 <font>三千大世界</font>
 <br>
 <font>小说看多了你</font>
</body>
<script src="js/js.js"></script>
<script>
 console.log($(window).height());
 console.log($(window).width());

console.log($(document).height());
 console.log($(document).width());

var font=$('font');

font.last().attr('胡哥','你好呀!');
 font.last().attr('王俊俊','你好呀!');
 font.last().attr('叶子','你好呀!');
 font.last().attr('学姐','你好呀!');

font.last().removeAttr('学姐');

setTimeout(() => {
 console.log(font.first().height());
 }, 2000);

setTimeout(() => {
 font.first().show();
 }, 3000);
</script>

<div id="test-div">
 <ul>
 <li><span>JavaScript</span></li>
 <li><span>Python</span></li>
 <li><span>Swift</span></li>
 </ul>
</div>

var n = ul.find('span').map((index,item)=>{
 console.log(item);
 return $(item).text();
 }).get();

console.log(n);

lan = lan.concat(n).sort();

var strlan = lan.map(function(a){
 return '<li><span>' + a + '</span></li>';
 }).join('');
 ul.html(strlan);

</script>
</html>

Copy Edit Raw Blame History

老胡来也 authored 2020年04月30日 10:40 +08:00 . JavaScript课程

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>JavaScript第九课</title>
 <script src="../JavaScript_Lesson16/js/jquery-3.4.1.min.js"></script>
 <style>
 .color{
 color: red;
 }
 .size{
 font-size: 80px;
 }

 .family{
 font-family: 宋体;
 }
 </style>

</head>

<body>
 <!-- HTML结构 -->
 <ul id="test-ul">
 <li class="js"><a href="">JavaScript</a> </li>
 <li name="book">Java &amp; JavaScript</li>
 
 </ul>

 <font>中国祝福你</font>
 <br>
 <font>三千越甲可吞吴</font>
 <br>
 <font>谢海恩</font>
 <br>
 <font>罗布</font>
 <br>
 <font>然后什么然后</font>
 <br>
 <font>我的九寨</font>
 <br>
 <font>大道三千</font>
 <br>
 <font>三千大世界</font>
 <br>
 <font>小说看多了你</font>
</body>
<script src="js/js.js"></script>
<script>
 console.log($(window).height());
 console.log($(window).width());


 console.log($(document).height());
 console.log($(document).width());



 var font=$('font');

 font.last().attr('胡哥','你好呀!');
 font.last().attr('王俊俊','你好呀!');
 font.last().attr('叶子','你好呀!');
 font.last().attr('学姐','你好呀!');

 font.last().removeAttr('学姐');

 setTimeout(() => {
 console.log(font.first().height());
 }, 2000);

 setTimeout(() => {
 font.first().show();
 }, 3000);
</script>

<!-- HTML结构 -->
<div id="test-div">
 <ul>
 <li><span>JavaScript</span></li>
 <li><span>Python</span></li>
 <li><span>Swift</span></li>
 </ul>
</div>
<!-- 除了列出的3种语言外,请再添加Pascal、Lua和Ruby,然后按字母顺序排序节点: -->

<script> 
 var ul = $('#test-div>ul');
 var lan = ['Pascal','Lua','Ruby'];

 var n = ul.find('span').map((index,item)=>{
 console.log(item);
 return $(item).text();
 }).get();

 console.log(n);

 lan = lan.concat(n).sort();

 var strlan = lan.map(function(a){
 return '<li><span>' + a + '</span></li>';
 }).join('');
 ul.html(strlan);


</script>
</html>