Maison  >  Article  >  interface Web  >  JQuery 中几个类选择器的简单使用介绍_jquery

JQuery 中几个类选择器的简单使用介绍_jquery

WBOY
WBOYoriginal
2016-05-16 17:40:381024parcourir
复制代码 代码如下:













This is the first div


This is the second div



This is the first span



This is the first span + eric sun class.




This is the eric sun class.










复制代码 代码如下:

$(".first_div, .first_span")

将包含有.first_div 或者 .first_span" 的对象都取到。 这里取到 4 个 对象。
此处的Html对应
复制代码 代码如下:


This is the first div



This is the first span



This is the first span + eric sun class.


复制代码 代码如下:

$(".first_div .first_span")

将以 .first_div 为类的控件 下的 以 .first_span 为类 的对象取到(类与类之间带有空格 逐层取)。 这里只取到 1 个。
对应的 className="first_span" 此处的Html对应
复制代码 代码如下:



This is the first span



复制代码 代码如下:

$(".first_span.eric_sun_class")

将包含有.first_span 并且同时包含有 .eric_sun_class 类的 对象取到(类与类之间没有空格 类似于 ‘与' 操作)。 这里只取到1个。
对应的 className="first_span eric_sun_class" 此处的Html 对应
复制代码 代码如下:


This is the first span + eric sun class.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn