2018-10-12 16:00:59 -04:00
|
|
|
|
---
|
|
|
|
|
title: Target HTML Elements with Selectors Using jQuery
|
|
|
|
|
localeTitle: Целевые элементы HTML с селекторами Использование jQuery
|
|
|
|
|
---
|
2019-02-14 15:59:19 +01:00
|
|
|
|
* Селекторы jQuery позволяют вам выбирать и управлять элементами HTML.
|
2018-10-12 16:00:59 -04:00
|
|
|
|
* Эти селекторы начинаются со знака доллара и круглых скобок: $ ()
|
|
|
|
|
* Вы можете «найти» (или выбрать) HTML-элементы на основе их имени, идентификатора, классов, типов, атрибутов, значений атрибутов и т. Д.
|
|
|
|
|
|
|
|
|
|
## пример
|
|
|
|
|
|
|
|
|
|
```javascipt
|
|
|
|
|
//You can select all <p> elements on a page like this = $("p")
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$("button").click(function(){
|
|
|
|
|
$("p").hide();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Решение
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$("button").addClass("animated bounce"); // We are selecting the button elements and adding "animated bounce" class to them.
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
2019-02-14 15:59:19 +01:00
|
|
|
|
```
|