时间戳

首页 > 解决方案 > 示例之间有什么区别：div.panel.panel-default 和 .panel.panel-default？

jquery - 示例之间有什么区别：div.panel.panel-default 和 .panel.panel-default？

问题描述

一般来说，我对编程和 jQuery 还是很陌生。我在大学里学过几门编程课程，并且在空闲时间学习了越来越多的相关科目。我已经尝试对这个主题进行一些研究，就像我通常对这些我不知道的有趣编码功能所做的那样。然而，令人惊讶的是，谷歌和其他地方在这个问题上并没有提供太多帮助。

以下 jQuery 选择器示例之间有什么区别？

div.panel.panel-default对比.panel.panel-default

我非常熟悉在示例 .panel.panel-default 中为我的 jQuery 脚本使用选择器，但这是我第一次看到div.panel.panel-default。我已经看到此示例中使用了此代码：

$( 'div.panel.panel-default' ).hide();
$( 'div.panel.panel-default:first' ).show();

标签： jqueryhtml

解决方案

这个选择器中的关键信息是 ':first'，它是一个 jQuery 选择器，它以某事物的第一个实例为目标。因此，在您的情况下，第一个函数隐藏具有“面板”和“默认”类的任何 div 的所有实例，第二个函数显示具有相同类的任何 div 的第一个实例。

<div class="panel panel-default"> First Instance </div> // Shown
<div class="panel panel-default"> Second Instance </div> // Hidden
<div class="panel panel-default"> Second Instance </div> //Hidden

在此处了解更多信息：jQuery :first 选择器

推荐阅读