调用CSS和HTML时的Jquery函数

Jquery function when calling CSS & HTML

本文关键字：Jquery 函数 时的 HTML CSS 调用      更新时间：2023-09-26

我对在jQuery函数中使用''和'.'感到困惑。您究竟何时使用其中一种？

例如

var main = function(){
    $('.article').click(function(){
        $('.article').removeClass('current')
        $('.description').hide();  
        $(this).addClass('current');
        $(this).children('.description').show();
    }
)};
$(document).ready(main);

为什么使用.addClass('current')而不是.addClass('.current')是正确的，还是children('.description')而不是children('description')？

谢谢，我真的找不到答案，也不知道如何在谷歌上寻找它。

.是指Class。查看此内容以获取有关类的更多信息。因此，在您的情况下，当您使用classes做某事时，您正在使用.。示例 $(this).children('.description').show(); .在您的 HTML 代码中的某个地方有一个带有 class .description 的element(示例 <div class="description"> </div> (。而且您没有在该方法中使用. .addClass()因为您没有引用现有类，而是在"创建"一个类。

您还应该检查此内容以了解有关jQuery选择器的更多信息。

这是我

的解释。有几件不同的事情正在发生。

这是一个典型的jQuery模式：

$(selector).doSomething(parameter);

$( )里面的任何内容都称为选择器。这是一个表达式，用于标识将选择哪些 DOM 元素来应用函数。

选择器可以具有以下格式：

'div' or 'a' or ... // selects all the divs or all the anchor tags
'.someclass' // selects all elements that have class 'someclass'
'#someid'    // selects all the elements that have id 'someid'
somevariable // a variable that is defined somewhere else (e.g. var somevariable = '.someclass')

.表示法表示类。所以.description，表示：选择一个类。 哪个类？名称为 description 的类。

选择器就这么多，现在让我们看看参数。参数是传递给函数的变量。如果您的函数需要 css 类(如 addClass(，则将该类的名称作为参数传递。在您的情况下，类的名称为 description 。

如果您引用一个类，则应使用前缀.，如果您引用 ID，则#。

但是，addClass()知道它是一个类，因此它不需要.前缀。

我想

分享我对你的问题的知识。

  • addClass()用于将特定类添加到当前元素。它需要类名 => 你不需要在类名前使用 .。
  • children()用于获取子元素，则需要selector。 Selector可以是类(.(，ID(#(或DOM对象(例如div，p，...(。

阅读 jQuery API 文档了解详细信息

http://api.jquery.com/

jQuery使用CSS选择器来选择元素，所以当你有一个像children((这样的函数时，你必须使用正确的css选择器，比如'.class-name'。 addClass 只将类名作为参数，因此在这种情况下，"class-name"是正确的。

相关文章：