JavaWeb系列十七: jQuery选择器 上

jQuery选择器

  • jQuery基本选择器
  • jquery层次选择器
  • 基础过滤选择器
  • 内容过滤选择器
  • 可见度过滤选择器

在这里插入图片描述

  1. 选择器是jQuery的核心, 在jQuery中, 对事件处理, 遍历 DOM和Ajax 操作都依赖于选择器
  2. jQuery选择器的优点
  • $(“#id”) 等价于 document.getElementById(“id”);
  • $(“tagName”) 等价于 document.getElementsByTagName(“tagName”);
  • 完善的事件处理机制

应用实例
在这里插入图片描述
前端报错的位置
在这里插入图片描述

jQuery基本选择器

在这里插入图片描述

基本选择器是jQuery中最常用的选择器, 也是最简单的选择器, 它通过id, class和标签名来查找DOM对象

种类用法返回值说明
id$(“#myDiv”)单个元素组成的集合直接选择html中的id=“myDiv”
Element$(“div”)集合元素element翻译过来的意思就是元素, 所有element其实就是html已经定义的标签元素, 比如div, p, a, input等
class$(“.myClass”)集合元素直接选择html代码中class="myClass"的元素或元素组(因为在同一html中, class是可以存在多个同样的值的)
*$(“*”)集合元素匹配所有的元素, 包括, 多用于结合上下文来搜索
selector1, selector2… selectorN$(“div, span, p.myClass”)集合元素将每一个选择器匹配到的元素合并后一起返回, 你可以指定任意多个选择器, 并将匹配到的元素合并到集合中, p.myClass是表示匹配元素 p class=“myClass”
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //1.改变id为one的元素的背景色为yellow
            $("#btn01").click(
                function () {
                    $("#one").css("background", "yellow");
                }
            );
            //2.改变class为mytag的的所有元素的背景色为red
            $("#btn02").click(
                function () {
                    $(".mytag").css("background", "red");
                }
            );
            //3.改变元素名为div的的所有元素的背景色为black
            $("#btn03").click(
                function () {
                    $("div").css("background", "black");
                }
            );

            //4.改变所有元素的背景色为pink
            $("#btn04").click(
                function () {
                    $("*").css("background", "pink");
                }
            );
            //5.改变所有的<span>元素和id为two, class为mytag 的元素的背景色为blue
            $("#btn05").click(
                function () {
                    $("span.c1, #two, .mytag").css("background", "blue");
                }
            );

        });
    </script>
</head>
<body>
<button id="btn01">改变id为one的元素的背景色为yellow</button>
<button id="btn02">改变class为mytag的所有元素的背景色为red</button>
<button id="btn03">改变元素名为&lt;div&gt;的所有元素的背景色为black</button>
<button id="btn04">改变所有元素的背景色为pink</button>
<button id="btn05">改变所有的&lt;span&gt;元素和id为two, class为mytag 的元素的背景色为blue</button>
<hr/>
<div style="height: 200px; width: 300px; background-color: chartreuse" id="one">id=one</div>
<div style="height: 200px; width: 300px; background-color: pink" id="two" class="mytag">id=two</div>
<div style="height: 200px; width: 300px; background-color: blueviolet" id="three" class="mytag">id=three</div>
<div style="height: 200px; width: 300px; background-color: blue" id="four" class="mytag">id=four</div>
<span style="background-color: chartreuse" class="c1">id=five</span>
<span style="background-color: chartreuse" class="c2">id=six</span>
</body>
</html>

jquery层次选择器

如果想要通过DOM元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器

种类用法返回值说明
ancestor descendant$(“form input”)集合元素在给定的祖先元素下匹配所有后代元素
parent > child$(“form > input”)集合元素在给定的父元素下匹配所有子元素(注意区分后代元素和子元素)
prev + next$(“label + input”)集合元素匹配所有紧跟在prev元素后的next元素
prev ~ siblings$(“form ~ input”)集合元素匹配prev元素之后的所有siblings元素. 注意: 是匹配之后的元素, 不包含该元素在内, 并且匹配的是和prev同级的元素, 其后辈元素不被匹配

注意: (“prev ~ div”)选择器只能选择"#prev"元素后面的同辈元素; 而jQuery中的siblings方法与位置无关, 只要是同辈节点就可以选取

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //1.改变<body>内所有<div>元素的背景色为green
            $("#btn01").click(
                function () {
                    $("div").css("background-color", "green");
                }
            );
            //2.改变<body>内子<div>元素(第一层级的div)的背景色为red
            $("#btn02").click(
                function () {
                    $("body > div").css("background", "red");
                }
            );
            //3.改变id为one的下一个紧接着的div元素(必须是紧跟着)的背景色为yellow
            $("#btn03").click(
                function () {
                    $("#one + div").css("background", "yellow");
                }
            );
            //4.示例: 改变id为two的元素后面所有的div元素(满足兄弟元素[处于同一层级]即可)的背景色为brown
            $("#btn04").click(
                function () {
                    $("#two ~ div").css("background", "brown");
                }
            );
            //5.改变id为two的元素的所有兄弟元素[同级元素]中的div元素的背景色为white
            $("#btn05").click(
                function () {
                    $("#two").siblings("div").css("background-color", "white");
                }
            );

        });

    </script>
</head>
<body>
<input type="button" value="改变<body>内所有<div>元素的背景色为green" id="btn01"/>
<input type="button" value="改变<body>内子<div>元素的背景色为red" id="btn02"/>
<input type="button" value="改变id为one的下一个<div>元素的背景色为yellow" id="btn03"/>
<input type="button" value="改变id为two的元素后面所有的兄弟元素(即div元素)的背景色为brown" id="btn04"/>
<input type="button" value="改变id为two的元素所有<div>兄弟元素的背景色为white" id="btn05"/>
<hr/>
<div id="one" class="mytag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=one
</div>
<div id="two" class="mytag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=two
    <div id="two01" style="background-color: lightpink; width: 100px;height: 100px;">
        id two01
    </div>
    <div id="two02" style="background-color: lightpink; width: 100px;height: 100px;">
        id two02
    </div>
</div>
<div id="three" class="mytag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=three
    <div id="three01" style="background-color: lightpink; width: 100px;height: 100px;">
        id three01
    </div>
</div>
</body>
</html>

基础过滤选择器

基础过滤选择器介绍:

种类用法返回值说明
:first$(“tr:first”)单个元素组成的集合匹配找到的第一个元素
:last$(“tr:last”)集合元素匹配找到的最后一个元素
:not(selector)$(“input:not(:checked)”)集合元素去除所有与给定选择器匹配的元素, 意思是没有被选中的input(当 input type=“checkbox”)
:even$(“tr:even”)集合元素匹配所有索引值为偶数的元素, 从0开始计数.js的数组都是从0开始计数的, 例如要选择table的行, 因为是从0开始计数, 所以table中的第一个tr就为偶数0
:odd$(“tr:odd”)集合元素匹配所有索引值为奇数的元素, 从0开始计数
:eq(index)$(“tr:eq(0)”)集合元素匹配一个给定索引值的元素.eq(0)就是获取第一个tr元素, 括号里面的是索引值, 不是元素排放数
:gt(index)$(“tr:gt(0)”)集合元素匹配所有大于给定索引值的元素
:lt(index)$(“tr:lt(0)”)集合元素匹配所有小于给定索引值的元素
:header$(“:header”).css(“background”, “red”)集合元素匹配所有h1, h2, h3之类的标题元素, 这个是专门用来获取h1, h2这样的元素
:animated集合元素匹配所有正在执行动画效果的元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础过滤选择器</title>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn01").click(
                function () {
                    //1.改变第一个<div>元素的背景色为green
                    $("div:first").css("background", "green");
                    $("div:eq(0)").css("background", "green");
                }
            );
            $("#btn02").click(
                function () {
                    //2.改变最后一个<div>元素的背景色为red
                    //所谓最后一个是指从上到下, 从外层到内层的最后一个
                    $("div:last").css("background", "red");
                }
            );
            $("#btn03").click(
                function () {
                    //3.改变class不为myTag的所有<div>元素的背景色为yellow
                    $("div:not(.myTag)").css("background", "yellow");
                }
            );
            $("#btn04").click(
                function () {
                    //4.改变索引值为偶数的<div元素>的背景色为brown
                    //冒号:可以理解为过滤
                    $("div:even").css("background", "brown");
                }
            );
            $("#btn05").click(
                function () {
                    //5.改变索引值为奇数的<div元素>的背景色为blue
                    $("div:odd").css("background", "blue");
                }
            );
            $("#btn06").click(
                function () {
                    //6.改变索引值大于3的<div元素>的背景色为white
                    $("div:gt(3)").css("background", "white");
                }
            );
            $("#btn07").click(
                function () {
                    //7.改变索引值等于3的<div元素>的背景色为pink
                    $("div:eq(3)").css("background", "pink");
                }
            );
            $("#btn08").click(
                function () {
                    //8.改变索引值小于3的<div元素>的背景色为gray
                    $("div:lt(3)").css("background", "gray");
                }
            );
            $("#btn09").click(
                function () {
                    //9.改变所有的标题元素背景色为purple
                    $(":header").css("background", "purple");
                }
            );


        })
    </script>
</head>

<body>
<input type="button" value="改变第一个<div>元素的背景色为green" id="btn01"/>
<input type="button" value="改变最后一个<div>元素的背景色为red" id="btn02"/>
<input type="button" value="改变class不为myTag的所有<div>元素的背景色为yellow" id="btn03"/>
<input type="button" value="改变索引值为偶数的<div元素>的背景色为brown" id="btn04"/>
<input type="button" value="改变索引值为奇数的<div元素>的背景色为blue" id="btn05"/>
<input type="button" value="改变索引值大于3的<div元素>的背景色为white" id="btn06"/>
<input type="button" value="改变索引值等于3的<div元素>的背景色为pink" id="btn07"/>
<input type="button" value="改变索引值小于3的<div元素>的背景色为gray" id="btn08"/>
<input type="button" value="改变所有的标题元素背景色为purple" id="btn09"/>
<hr/>
<hr/>
<div id="one" class="myTag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=one
</div>
<div id="two" class="myTag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=two
    <div id="two01" class="yourTag" style="background-color: lightpink; width: 100px;height: 100px;">
        id two01
    </div>
    <div id="two02" class="yourTag" style="background-color: lightpink; width: 100px;height: 100px;">
        id two02
    </div>
</div>
<div id="three" class="myTag" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=three
    <div id="three01" class="yourTag" style="background-color: lightpink; width: 100px;height: 100px;">
        id three01
    </div>
</div>
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
</body>
</html>

内容过滤选择器

内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上

种类用法返回值说明
:contains(text)$(“div:contains(‘John’)”)集合元素匹配包含给定文本的元素, 这个选择器比较有用, 当我们要选择的不是dom标签元素时, 它就派上用场了, 它的作用是查找被标签"围"起来的文本内容是否符合指定的内容的(子元素包含也算)
:empty$(“td:empty”)集合元素匹配所有不包含子元素或者文本的空元素
:has(selector)$(“div:has( p)”).addClass(“test”)集合元素匹配含有选择器所匹配的元素的元素. 给所有包含p元素的div标签加上class=“test”
:parent$(“td:parent”)集合元素匹配包含子元素或者文本的元素, 注意: 这里是":parent", 不是".parent", 与":empty"含义相反
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内容过滤选择器</title>
    <style>
        div {
            background-color: darkgray;
            width: 300px;
            height: 300px;
            float: left;
        }
        div > div {
            background-color: lightpink;
            width: 100px;
            height: 100px;
        }
    </style>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn01").click(
                function () {
                    //1.改变含有文本 'di' 的<div>元素的背景色为green
                    //子div含有文本'di', 父div也会被选中
                    $("div:contains('di')").css("background", "green");
                }
            );
            $("#btn02").click(
                function () {
                    //2.改变不包含子元素或文本的<div>元素的背景色为red
                    $("div:empty").css("background", "red")
                }
            );
            $("#btn03").click(
                function () {
                    //这个写法是选择有class='yourTag'的div
                    $("div.yourTag").css("background", "yellow");
                    //3.改变含有class为yourTag元素的所有<div>元素的背景色为yellow
                    //这个写法是选择有class='yourTag'的div的父元素(div)
                    // $("div:has(.yourTag)").css("background", "yellow");
                }
            );
            $("#btn04").click(
                function () {
                    //4.改变含有子元素(或者文本元素)的所有<div>元素的背景色为brown
                    $("div:parent").css("background", "brown");
                }
            );
            $("#btn05").click(
                function () {
                    //5.改变不含有文本 'di' 的<div元素>的背景色为blue
                    $("div:not(:contains('di'))").css("background", "blue");
                }
            );


        })
    </script>
</head>
<body>
<input type="button" value="改变含有文本 'di' 的<div>元素的背景色为green" id="btn01"/>
<input type="button" value="改变不包含子元素或文本的<div>元素的背景色为red" id="btn02"/>
<input type="button" value="改变含有class为yourTag的所有<div>元素的背景色为yellow" id="btn03"/>
<input type="button" value="改变含有子元素(或者文本元素)的所有<div>元素的背景色为brown" id="btn04"/>
<input type="button" value="改变不含有文本 'di' 的<div元素>的背景色为blue" id="btn05"/>
<hr/>
<hr/>
<div id="one" class="myTag">
    <div id="one01" class="yourTag">
        div id=one01
    </div>
</div>
<div id="two" class="myTag">
    div id=two
    <div id="two01" class="yourTag">
        id two01
    </div>
    <div id="two02" class="yourTag">
        id two02
    </div>
</div>
<div id="three" class="myTag">
    div id=three
    <div id="three01" class="yourTag">
        id three01
    </div>
</div>
<div id="four" class="myTag">
    XXXXXXXXXXXX
</div>
<div id="five" class="myTag"></div>
<div id="mover" class="yourTag">
    执行动画
</div>
</body>
</html>

可见度过滤选择器

可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素

种类用法返回值说明
:hidden$(“input:hidden”)集合元素匹配所有的不可见元素, input元素的type属性为"hidden"会被匹配到, css中display:none和input type="hidden"都会被匹配到
:visible$(“tr:visible”)集合元素匹配所有的可见元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>可见度过滤选择器</title>
    <style>
        .visible {
            display: none;
        }
    </style>
    <script type="text/javascript" src="script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn01").click(
                function () {
                    //1.改变所有可见的<div>元素的背景色为green
                    $("div:visible").css("background", "green");
                }
            );
            $("#btn02").click(
                function () {
                    //2.选取所有不可见的<div>元素, 利用jQuery中的show()方法将它们显示出来, 并设置背景色为red
                    $("div:hidden").css("background", "red");
                    $("div:hidden").show();
                }
            );
            $("#btn03").click(
                function () {
                    //1.先得到所有隐藏的input元素
                    //  $input是一个jquery对象, 而且是数组对象
                    var $inputs = $("input:hidden");
                    //2.遍历
                    //方式1 - for循环
                    for (var i = 0; i < $inputs.length; i++) {
                        //这里input就是一个dom对象
                        var input = $inputs[i];
                        alert("值是=" + input.value);
                    }
                    //方式2 - jquery each() 可以实现数组遍历
                    //说明:
                    //(1)each方法遍历时, 会将 $inputs数组的元素取出,
                    //  传给function() {} -> this
                    $inputs.each(function () {
                        //这里可以使用this获取每次遍历的对象
                        //this对象是一个dom对象
                        console.log("值(dom方式)是=" + this.value);
                        //也可以将this转成jquery对象, 使用jquery方法取值
                        console.log("值(jquery方式)是=" + $(this).val());

                    });
                }
            );
        })
    </script>
</head>
<body>
<input type="button" value="改变所有可见的<div>元素的背景色为green" id="btn01"/>
<input type="button" value="选取所有不可见的<div>元素, 利用jQuery中的show()方法将它们显示出来, 并设置背景色为red"
       id="btn02"/>
<input type="button" value="选取所有的文本隐藏域, 并打印它们的值" id="btn03"/>
<input type="button" value="改变含有子元素(或者文本元素)的所有<div>元素的背景色为brown" id="btn04"/>
<input type="button" value="改变不含有文本 'di' 的<div元素>的背景色为blue" id="btn05"/>
<hr/>
<input type="hidden" value="hidden1"/>
<input type="hidden" value="hidden2"/>
<input type="hidden" value="hidden3"/>
<input type="hidden" value="hidden4"/>
<hr/>
<div id="one" class="visible" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=one
</div>
<div id="two" class="visible" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=two
</div>
<div id="three" class="hidden" style="background-color: darkgray; width: 300px;height: 300px;float: left">
    div id=three
</div>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/738863.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Anzo Capital昂首资本独家揭秘，掌握价格行为交易法则，轻松盈利

Anzo Capital昂首资本独家揭秘，掌握价格行为交易法则，轻松盈利

探索交易成功的秘密!Anzo Capital昂首资本独家揭秘价格行为模式的五大核心步骤&#xff0c;助各位投资者都能把握市场脉搏&#xff0c;轻松盈利。 第一步&#xff0c;精准识别市场趋势&#xff0c;为成功交易奠定坚实基础。 第二步&#xff0c;洞察图表密码&#xff0c;巧妙标…
阅读更多...
程序员系统入门大模型的路径和资源，看这篇就够了

程序员系统入门大模型的路径和资源，看这篇就够了

本篇文章面向对大模型领域感兴趣&#xff0c;又不知如何下嘴的程序员。 看一下围绕大模型的应用场景和人才需求&#xff1a; **Prompt工程&#xff1a;**基于提示词对大模型的使用&#xff0c;会问问题就行。 **基于大模型的应用&#xff08;狭义的&#xff09;&#xff1a;*…
阅读更多...
Avalonia 常用控件二 Menu相关

Avalonia 常用控件二 Menu相关

1、Menu 添加代码如下 <Button HorizontalAlignment"Center" Content"Menu/菜单"><Button.Flyout><MenuFlyout><MenuItem Header"打开"/><MenuItem Header"-"/><MenuItem Header"关闭"/&…
阅读更多...
一文讲清楚人工智能集成学习之多模型投票(Voting)

一文讲清楚人工智能集成学习之多模型投票(Voting)

一、集成学习 集成学习是人工智能领域中一种强大的机器学习方法&#xff0c;它通过结合多个学习器来提高整体的预测或分类性能&#xff0c;通常能够比单一模型表现得更好。 1.1 集成学习的原理 集成学习的核心思想是“集思广益”&#xff0c;即通过集合多个模型的预测结果来提…
阅读更多...
面向对象修炼手册（二）（消息与继承）（Java宝典）

面向对象修炼手册（二）（消息与继承）（Java宝典）

&#x1f308; 个人主页&#xff1a;十二月的猫-CSDN博客 &#x1f525; 系列专栏&#xff1a; &#x1f3c0;面向对象修炼手册 &#x1f4aa;&#x1f3fb; 十二月的寒冬阻挡不了春天的脚步&#xff0c;十二点的黑夜遮蔽不住黎明的曙光 目录 前言 消息传递 1 基本概念 1.…
阅读更多...
Python19 lambda表达式

Python19 lambda表达式

在 Python 中&#xff0c;lambda 表达式是一个小型匿名函数&#xff0c;通常用于实现简单、单行的函数。lambda 函数可以接受任意数量的参数&#xff0c;但只能有一个表达式。 基本语法&#xff1a; lambda arguments: expression这里&#xff0c;arguments 是传递给 lambda …
阅读更多...
LeetCode —— 只出现一次的数字

LeetCode —— 只出现一次的数字

只出现一次的数字 I 本题依靠异或运算符的特性&#xff0c;两个相同数据异或等于0&#xff0c;数字与0异或为本身即可解答。代码如下: class Solution { public:int singleNumber(vector<int>& nums) {int ret 0;for (auto e : nums){ret ^ e;}return ret;} };只出…
阅读更多...
Kubernetes排错(十)-处理容器数据磁盘被写满

Kubernetes排错(十)-处理容器数据磁盘被写满

容器数据磁盘被写满造成的危害: 不能创建 Pod (一直 ContainerCreating)不能删除 Pod (一直 Terminating)无法 exec 到容器 如何判断是否被写满&#xff1f; 容器数据目录大多会单独挂数据盘&#xff0c;路径一般是 /var/lib/docker&#xff0c;也可能是 /data/docker 或 /o…
阅读更多...
基于CDMA的多用户水下无线光通信（3）——解相关多用户检测

基于CDMA的多用户水下无线光通信（3）——解相关多用户检测

继续上一篇博文&#xff0c;本文将介绍基于解相关的多用户检测算法。解相关检测器的优点是因不需要估计各个用户的接收信号幅值而具有抗远近效应的能力。常规的解相关检测器有运算量大和实时性差的缺点&#xff0c;本文针对异步CDMA的MAI主要来自干扰用户的相邻三个比特周期的特…
阅读更多...
wordpress教程自动采集并发布工具

wordpress教程自动采集并发布工具

随着互联网的快速发展&#xff0c;越来越多的人开始关注网络赚钱。而对于许多人来说&#xff0c;拥有一个自己的个人网站是一个不错的选择。然而&#xff0c;要让自己的个人网站内容丰富多样&#xff0c;就需要不断地进行更新。那么&#xff0c;有没有一种方法可以让我们轻松地…
阅读更多...
服务器数据恢复—raid5热备盘同步失败导致阵列崩溃如何恢复数据？

服务器数据恢复—raid5热备盘同步失败导致阵列崩溃如何恢复数据？

服务器存储数据恢复环境&故障&#xff1a; 某品牌DS5300存储&#xff0c;包含一个存储机头和多个磁盘柜&#xff0c;组建了多组RAID5磁盘阵列。 某个磁盘柜中的一组RAID5阵列由15块数据盘和1块热备硬盘组建。该磁盘柜中的某块硬盘离线&#xff0c;热备盘自动替换并开始同步…
阅读更多...
C语言入门系列：从内存原理看函数的值传递和引用传递

C语言入门系列：从内存原理看函数的值传递和引用传递

文章目录 一&#xff0c;值传递二&#xff0c;引用传递三&#xff0c;从内存原理看值传递和引用传递的区别1 值传递内存示意图2 引用传递内存示意图 参考文献 函数参数用于向函数传递数据&#xff0c;C语言支持两种传递方式&#xff1a;值传递和引用传递。 一&#xff0c;值传递…
阅读更多...
校史馆虚拟翻书设计有哪些技术上的亮点？

校史馆虚拟翻书设计有哪些技术上的亮点？

近年来&#xff0c;互动多媒体已成为展览展示行业中备受瞩目的焦点&#xff0c;尤其是那些凭借尖端的投影与感应技术打造的互动装置&#xff0c;它们在各个主题展厅中独领风骚&#xff0c;其独特魅力不言而喻。而当我们深入思考其在校史馆设计中的应用时&#xff0c;不难预见&a…
阅读更多...
【每日一题】503. 下一个更大元素 II

【每日一题】503. 下一个更大元素 II

思路&#xff08;c&#xff09; 使用单调栈的解法&#xff0c;单调栈里面存的是大于当前元素的index&#xff0c;不是直接存值。但是这个题目是一个循环数组&#xff0c;可以在后面补一段前面的内容&#xff0c;这样就可以正常遍历。将每个位置对应的结果存在map中 后面循环…
阅读更多...
BUUCTF [CISCN2019 华北赛区 Day2 Web1] Hack World

BUUCTF [CISCN2019 华北赛区 Day2 Web1] Hack World

1、通过题目&#xff0c;可以知道该题目为SQL注入类型&#xff1a; 2、判断注入类型为数字注入&#xff1a; 3、通过BP抓包&#xff0c;来判断注入点。 字典爆破发现常规的注入方式都被过滤。 4、因此可以尝试通过布尔盲注的方式来得到flag。编写脚本得到flag import requests…
阅读更多...
华为仓颉语言：编程语言的新篇章

华为仓颉语言：编程语言的新篇章

&#x1f49d;&#x1f49d;&#x1f49d;欢迎莅临我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…
阅读更多...
Vue.js 自定义组件的三种用法

Vue.js 自定义组件的三种用法

1.创建项目 创建项目，你可以参考我以前的博文，这里省略了 项目的目录结构如下： 接着，我们在 src/components 目录下创建一个自定义的组件 SplashHello.vue,示例代码如下所示： <template><div><p>{{ title }}</p><p>{{ message }}</p&…
阅读更多...
MTK7628+MT7612 加PA定频数据

MTK7628+MT7612 加PA定频数据

1、硬件型号TR726A5G121-DPA PC9.02.0017。如下所示&#xff1a; 2、WIFI5.8 AC模式 42&#xff08;5120MHz&#xff09;信道&#xff0c;80带宽 3、WIFI5.8 AC模式 38&#xff08;5190MHz&#xff09;信道&#xff0c;40带宽 4、WIFI5.8 AC模式 36&#xff08;5180 MHz&…
阅读更多...
【机器学习】自然语言处理的新前沿：GPT-4与Beyond

【机器学习】自然语言处理的新前沿：GPT-4与Beyond

&#x1f4dd;个人主页&#xff1a;哈__ 期待您的关注 目录 &#x1f525;引言 背景介绍 文章目的 一、GPT-4简介 GPT-4概述 主要特性 局限性和挑战 二、自监督学习的新进展 自监督学习的原理 代表性模型和技术 三、少样本学习和零样本学习 少样本学习的挑战 先…
阅读更多...
AIGC+艺术=教育变革？

AIGC+艺术=教育变革？

在数字化时代的浪潮中&#xff0c;技术的每一次跃进都深刻影响着社会的各个领域&#xff0c;教育亦不例外。近年来&#xff0c;人工智能生成内容&#xff08;AIGC&#xff09;技术的兴起&#xff0c;为艺术教育领域带来了前所未有的变革机遇。当AIGC与艺术相结合&#xff0c;我…
阅读更多...
最新文章

Copyright @ 2022~2023