JavaScript_Lesson18/index.html · 朱鹏/JavaScript课程

代码拉取完成,页面将自动刷新

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 132

朱鹏/JavaScript课程

forked from 老胡来也/JavaScript课程

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

文件

master

分支 (1)

管理

master

该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。

项目仓库所选许可证以仓库主分支所使用许可证为准

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

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

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

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

Password for 'https://userName@gitee.com': # 私人令牌

分支 1

标签 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>

一键复制编辑原始数据按行查看历史

老胡来也提交于 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>