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

jQuery селекторы

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

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


Обращаю Ваше внимание, что для поиска элемента, библиотека jQuery использует функцию JavaScript document.getElementByTagName(), вследствие чего, поиск элемента происходит быстро.


jQuery синтаксис:

$("element")

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

1.0

Селектор в CSS

CSS селектор типа.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery селектора типа</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$(document).ready(function(){
	  $("a").css("text-decoration", "none"); // выбираем все HTML элементы <a> и убираем декорирование (нижнее подчеркивание)
	});
		</script>
	</head>
	<body>
		<a href = "#">Ссылка 1</a>
		<div>
			<a href = "#">Ссылка 2</a>
		</div>
	</body>
</html>

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

Результат нашего примера:

Пример использования jQuery селектора типа.
Пример использования jQuery селектора типа.
jQuery селекторы