jQuery селектор типа

Определение и применение

jQuery селектор типа выбирает все HTML элементы с определенным именем элемента (имя тега узлов дерева DOM).

jQuery синтаксис:

$("element")

Добавлен в версии jQuery

Селектор в CSS

Пример использования

Селектор типа — пример 1

Нажмите ▶. Измените JavaScript и запустите пример повторно. Используется jQuery 4.0.0.

index.html

HTML

<a href="#">Ссылка 1</a>
<div>
  <a href="#">Ссылка 2</a>
</div>

main.js

JavaScript

$(document).ready(function () {
    $('a').css('text-decoration', 'none') // выбираем все HTML элементы <a> и убираем декорирование (нижнее подчеркивание)
})

style.css

CSS

body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}

В этом примере с использованием jQuery селектора типа мы выбрали все элементы <a> в документе и стилизовали их с использованием CSS свойства text-decoration (убрали декорирование текста - нижнее подчеркивание)