blocks|key|4438143|text|这是个惯例。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4438144|在第2行中，$('.current')告诉jQuery搜索被称为"current“的东西，并且点指定它为一个类。所以我们得叫".current“|4438145|在第4行，您已经告诉jQuery，您将使用"removeClass“来选择一个类，这样就不需要在那里使用这个点了。因为这就像"removeClass当前是一个类“|4438146|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

That is a convention.

On the 2nd line $('.current') is telling the jQuery to search for something called "current" and the dot specifies it as a class. So we need to call ".current"

On the 4th line, you're already telling jQuery that you are going to select a class by using "removeClass" so you don't need to use the dot there. Because that would be like "removeClass current being a class"

blocks|key|683067|text|在$('.current')中(或者在查找/next等方法中，您试图用给定的类查找元素)，我们使用的是选择器，因此必须使用类选择器的表示法先于.。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|683068|当您添加/删除/切换一个类时，您没有使用选择器，您只是使用一个名称，所以没有使用.|683069|entityMap^0|1|D|1Z|1|0|14|1|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

In <code>$('.current')</code>(or in methods like find/next etc where you are trying to find an element with the given class), we are using a selector, so the notation for class selector is preceeding <code>.</code> has to be used.

When when you add/remove/toggle a class, you are not using a selector, you are just using a name so there is no <code>.</code> used

blocks|key|4438211|text|该方法显式地使用术语Class。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4438212|否则，您将始终需要一个类选择器，如果这是以元素为目标的方法(您可以通过ID、数据属性、HTML标记来确定目标)。|4438213|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The method explicitly uses the term Class.

Otherwise, you will always need a class selector, if that's your approach to targeting an element (you can target by ID, data attributes, HTML tags).

blocks|key|4438248|text|jQuery选择器对CSS属性进行了设计，因此可以使用相同的语法，您也可以使用class选择器的不同方式，比如$("current")+--它将作为HTML标记元素正常工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4438249|函数removeClass()不以类作为选择器，该函数宣布只正确地使用类，因此不需要确定传递值，尽管该函数将值作为字符串而不是<selector>。|4438250|entityMap^0|13|5|22|4|0|2|D|1R|A|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

jQuery selectors have designed on CSS property, so same syntax could be used, you can also use <code>class</code> selector different way like $("[current]") it will work as <code>HTML</code> tag element properly.

function <code>removeClass()</code> not taking class as selector, the function announce that is only use for class properly so no need to determine passing value, although the function is taking value as string not <code>&lt;selector&gt;</code>

blocks|key|4438258|text|我认为|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4438259|var+currentArticle+=+$('.current');|code-block|syntax|javascript|4438260|这里需要一个点，因为它意味着通过类匹配来选择它。|4438261|以下是：|4438262|currentArticle.removeClass('current');|4438263|您已经指定要删除类，不需要点，因为这里不是选择器，而是要删除的类名。|4438264|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I think 

<pre><code>var currentArticle = $('.current');
</code></pre>

here you need a dot because it means you select it by class matching.

and in below:

<pre><code>currentArticle.removeClass('current');
</code></pre>

you already specify to remove a class, you don't need a dot, because here it isn't a selector, it is the class name you want to remove.

blocks|key|684991|text|removeClass()和$('.current')都是方法，您可以将参数传递给一个方法，唯一的问题是它是jQuery使用的约定。尝试将您的类命名为<div+class='.current'>I+am+a+div</div>，并尝试此console.log($('..current').text());，您将得到这个错误Error:+Syntax+error,+unrecognized+expression:+..testA，因此基本上它是jQuery的规则/约定。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|684992|entityMap^0|0|D|E|D|1I|6|23|12|3A|Z|4I|1H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|G|$]]

<code>removeClass()</code> AND <code>$('.current')</code> are both method and you can pass parameters to an method, the only thing is that its the convention that <code>jQuery</code> uses. Try naming you class as <code>&lt;div class='.current'&gt;I am a div&lt;/div&gt;</code> and try this <code>console.log($('..current').text());</code> you will have this error <code>Error: Syntax error, unrecognized expression: ..testA</code> so basically its the rules / conventions of jQuery.

When looking through jQuery examples, I see CSS classes referred to with a prepending "." sometimes and other times without. For example, in this snippet from codecademy: 

<pre><code>else if(event.which === 110) {
 var currentArticle = $('.current');
 var nextArticle = currentArticle.next();

 currentArticle.removeClass('current');
</code></pre>

Why is the selector $('.current') needed in the 2nd line, but only ('current') is required in the 4th line?

jQuery class selector "class_name" vs ".class_name"

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

在查看jQuery示例时，我看到CSS类引用了一个前缀“。有时和其他时候没有。例如，在codecademy的这段代码中：else if(event.which === 110) {  var currentArticle = $('.current');  var nextArticle = currentArticle.next();  currentArticle.removeClass('c

问jQuery类选择器"class_name“与".class_name”
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery类选择器"class_name“与".class_name”EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery类选择器"class_name“与".class_name”
EN