20220321

最新推荐文章于 2024-07-15 13:17:25 发布
最新推荐文章于 2024-07-15 13:17:25 发布
阅读量46 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/renchaorenlai/article/details/123813060
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <!--引入jQuery
            第一种是本地引入
            第二种是引入在线：需要网络
        -->
        <!--①本地引入↓-->
        <script src="js/jquery-1.12.4.js"></script>
        <!--②在线引入↓-->
        <!--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>-->
    </head>
    <body>
        <script type="text/javascript">
            //jquery
            //页面加载函数-html页面加载完成后，立即执行的一个函数
            //$=jQuery
            //如果jQuery被引入了，则一定能识别$
            
            //第一种
//            $(document).ready(function(){
//                alert("您已加载完成")
//            })
            
            //第二种
//            $(function(){
//                alert("您已加载成功")
//            })
//            
            </script>
        <!--<button οnclick="xianShi()">显示</button>
        <button οnclick="yinCang()">隐藏</button>
        <button οnmοuseοver="xianShi()" οnmοuseοut="yinCang()">惊喜</button><br />
        <h1>卡莎</h1><br />
        <p>这是英雄联盟的一个ADC</p>
        <img class="kasha" id="kasha" src="img/kasha.jpg" width="200px" height="200px"/>
        -->
        <script type="text/javascript">
            //使用jquery的语法实现显示和隐藏
            //jquery的核心语法:$(select).action()
            //$(select)选择器，你要选中哪一个（哪一些）标签
            //action()，你想做什么事情，具体的方法
            //由jquery提供，有很多的函数
            
            
            
            //id选择器
//            function xianShi(){
//                $("#kasha").show(1000)
//            }
//            function yinCang(){
//                $("#kasha").hide(1000)
//            }
            
            //标签名选择器
//            function xianShi(){
//                $("img").show(1000)
//            }
//            function yinCang(){
//                $("img").hide(1000)
//            }
            
            //类选择器
//            function xianShi(){
//                $("h1,p,img").show(1000)
//            }
//            function yinCang(){
//                $("h1,p,img").hide(1000)
//            }
            
            //全局选择器
//            function xianShi(){
//                $("*").show(1000)
//            }
//            function yinCang(){
//                $("*").hide(1000)
//            }
        </script>
        <!--<button οnclick="cengJi()">层级选择器</button>
        <div id="div">
            <div>
                <p>P1</p>
                
            </div>
            <p>P2</p>
            <p>P3</p>
            
        </div>
        <div id="div1">
            div1
        </div>
        <div id="div2">
            div2
        </div>
        <div class="contain">
           <h2>祝福冬奥</h2>
           <ul>
              <li> 贝克汉姆：衷心希望北京能够申办成功！</li>
              <li> 姚明：北京申冬奥是个非常棒的机会！加油！</li>
              <li> 张虹：北京办冬奥，大家的热情定超乎想象！ </li>
              <li> 肖恩怀特：我爱北京，支持北京申办冬奥会！</li>
              <li> 赵宏博：北京申办冬奥会是再合适不过了！</li>
              <li> 你喜欢哪些冬季运动项目？(点击进入调查页)</li>
           </ul>
        </div>-->
        <script type="text/javascript">
            //层级选择器：选择某一个标签的子元素，兄弟元素
//            function cengJi(){
//                //层级选择器
                $("#div").hide();//id为div的下面的所有p标签都被选择了，子元素和孙子
                $("div>p").hide();//直接的子元素，不包含孙子
                $("div+div").hide();//兄弟关系，中间不能有间隔
//                
//                //属性选择器
                $("div[id='div']").hide();
//                
//                //过滤选择器
                $("li:even").css("color","aquamarine");//对双行上色
                $("li:odd").css("color","bisque");//对单行上色
//            }
            
        </script>
        
        
        
        
        
        
        
        
        
        
        
        
        
    </body>
</html>

renchaorenlai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
20220321AC算法打卡
weixin_56842097的博客
03-22 72
剑指 Offer 09. 用两个栈实现队列 class CQueue { public: stack<int> a; stack<int> b; CQueue() { } void appendTail(int value) { a.push(value); } int deleteHead() { int v = -1; if (b.size() >...
20220321js总结
renchaorenlai的博客
03-29 279
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> /** * 1、语法-方法 ...
心情随记20220321
蒙蒙细雨的博客
03-21 100
不想工作的一天
JavaSE基础学习20220321
zhuafeng222的博客
03-23 88
20220319 1.API JDK中的JRE中有一些核心类库，里面包含一些Java已经写好的可以直接调用的程序(功能代码)，称为API。 API （Application Programming Interface,应用程序编程接口） Oracle也为Java写好的程序提供了相应的 API文档(技术使用说明书)。 2.键盘录入技术 完成Java程序与用户交互，比如录入用户输入的名称、年龄 System、String等在JDK的Java.lang包下，lang包是默认的包，不需要导..
java中级面试20220321
qq_37623854的博客
03-22 2920
java面试
Android回声消除调研 20220321
热门推荐
走一段令人留恋的路，做一个不负自己的人
03-21 1万+
回声产生 回声就是声音信号经过一系列反射之后，又听到了自己讲话的声音，这就是回声。 在VoIP（Voice over Internet Protocol，基于IP的语音传输 ）实时语音通话中，是近端通话者的声音被自己的麦克风拾取后通过网络传到远端，远端扬声器播放出来的声音被麦克风拾取后通过网络又重新发回近端，再加上网络和数据处理等各种延迟的影响，使得近端通话者能够从扬声器中听到自己的刚才所说的话，就产生了回声。 回声分类 在通信系统中，回声主要分为两类：电路回声和声学回声（线性回声和非线性回声）。
20220321在MT6739的android8.1下调试GPIO引脚
南岭笑笑生之家
03-29 3267
20220321在MT6739的android8.1下调试GPIO引脚 2022/3/21 18:40 1、完整编译MT6739的android8.1的SDK： rootroot@rootroot-desktop:~$ rootroot@rootroot-desktop:~$ cd mt6739_android8.1/ rootroot@rootroot-desktop:~/mt6739_android8.1$ rootroot@rootroot-desktop:~/mt6739_android8...
20220321字符串：整数反转
SeeYouAgain的博客
03-21 196
题目描述：给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−2^31, 2^31 − 1] ，就返回 0。 编码实现： public int reverse(int x) { long n = 0; while (x != 0){ n = n * 10 + x % 10; x /= 10; } ...
MPTool_20220321_A2S_JD
07-09
"MPTool_20220321_A2S_JD" 是一个特定版本的开卡工具，根据其命名规则，我们可以推断出几个关键信息。首先，"MPTool" 很可能代表 "Multi-Purpose Tool" 或者是特定项目或公司的缩写，它是一个多功能工具软件。其次，...
205043359909522Secureauth_20220321.apk
03-28
205043359909522Secureauth_20220321.apk
20220321_屠雪永_论文展示1
08-03
2. Identifying the problem with standard optimization 2. Identifying the problem
Python库 | aesara-nightly-2.5.3.dev20220321.tar.gz
04-06
资源分类：Python库 所属语言：Python 资源全名：aesara-nightly-2.5.3.dev20220321.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
20220321培训考试题(ERP原理卷)答案版参考.pdf
11-30
20220321培训考试题(ERP原理卷)答案版参考.pdf
HTML的文档类型与字符集＜!DOCTYPE html＞
最新发布
m0_65696193的博客
07-15 236
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">我们使用的是 html 5 的版本。
html 关闭信息窗口
cuisidong1997的博客
07-14 207
如果你想要通过点击favicon来关闭一个窗口，你需要添加一个监听器来监听favicon的点击事件，但是由于favicon通常不支持JavaScript事件监听，你可能需要使用一些特殊的技巧，例如监听鼠标移动到favicon上的事件，并通过这种方式触发窗口关闭。如果你是指的是一个favicon（网页标题前的小图标），并且你想要通过点击这个图标来关闭一个信息窗口，那么你需要使用JavaScript来监听favicon的点击事件，并在事件处理函数中执行关闭窗口的操作。html 关闭信息窗口 ico。
HTML 学习指南：从入门到精通
英英的博客
07-09 459
HTML（HyperText Markup Language）是构建网页的框架。掌握HTML不仅能更好的理解网页的结构，还能为进一步学习CSS、JavaScript等前端技术打下坚实的基础。本篇文章将为你规划一条从HTML入门到精通的学习路线，并概述每个阶段的核心内容。
ChatGPT对话：如何把Html文件转换为Markdown文件
uestcai的博客
07-15 1042
【编者按】ChatGPT提供了多种方法。编者常用VS Code，所以想使用VS Code解决问题，但ChatGPT提供了一些错误的方法，失败了。最后发现编写python程序最简单。
什么是HTML？
m0_65696193的博客
07-15 448
Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。Presto（已经废弃） 是挪威产浏览器 opera 的 "前任" 内核，为何说是 "前任"，因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。- 行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript js。- 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。- 重要的原则：页面三层分离(HTML,css，js书写的时候分开来写)。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值