JQuery $(' ') - Получение элементов страницы

```
$(document).ready(function(){

  $**('p')**.css('font-size', '20px'); // для примера обратимся ко всем тегам "**p**" и зададим им размер шрифта

**});**

```

* **#id**

```
$(document).ready(function(){

  $('**#head-text'**).css('font-size', '40px');  // обратимся по **#id**

**});**

```

* **.class**

```
$(document).ready(function(){

  $('**.like-h1'**).css('font-size', '40px');   // обратимся ко всем с классом '**.like-h1'**

**});**

```

* **комбинированно**

```
$(document).ready(function(){

  $('**p.like-h1'**).css('font-size', '40px');   // обратимся только к тегам "**р**" с классом **.like-h1**

**});**

```

### **Селекторы взаимодействия ( +, ~, parent, child )**

* **по родительским связям тэгов**

```
$(document).ready(function(){

  $('**section div'**).css('display', 'none'); // обратимся ко всем тегам "**div**" внутри тега **section**

**});**

```

* **по соседским связям тэгов " + "**

```
$(document).ready(function(){

  $('**h1 + p'**).css('text-align', 'center');  // обратимся **к одному** тегу "**р**" следующему после тега **"h1**"

**});**

```

* **ко ВСЕМ соседским тэгам "** **~**  **"**

```
$(document).ready(function(){

  $('**h1 ~ p'**).css('color', 'red');  // обратимся "**p**" следующему после тега "**h1**"

**});**

```

* **обращение к родителю тега " .parent() "**

```
$(document).ready(function(){

  $**('h1').parent()**.css('margin', '10px');  //обращение к родителю тега "**h1**"

**});**

```

### **Простые фильтры ( :first, :last, even, odd, eq )**

* **обратимся к последнему тегу " :last "**

```
$(document).ready(function(){

  $('**p:last'**).css('font', '23px'); // обратимся к последнему тегу "**р**"

**});**

```

* **обратимся к первому тегу " :first "**

```
$(document).ready(function(){

  $('**p:first'**).css('font', '23px'); // обратимся к первому тегу "**р**"

**});**

```

* **обратимся ко всем НЕ четным тегам** " **:even "**

```
$(document).ready(function(){

  $('**p:even'**).css('font', '44px');  // обратимся **ко всем НЕ четным** тегам "р"

**});**

```

* **обратимся ко всем четным тегам " :odd "**

```
$(document).ready(function(){

  $('**p:odd'**).css('font', '44px');  // обратимся **ко всем четным** тегам "р"

**});**

```

* **выбираем к какому тегу обратиться " :eq(**номер тега'***) "'***

```
$(document).ready(function(){

  $('**p:eq(1)'**).css('font', '44px');  // обратимся **ко ВТОРОМУ** тегу "р" (отсчет от нуля)

**});**

```

### **Фильтры по содержимому ( :has, :parent, :empty )**

* **обратимся к тегу У КОТОРОГО ЕСТЬ ВЛОЖЕННЫЙ тег " :has(**вложенный тег'***) "'***

```
$(document).ready(function(){

  $('**h2:has(span)'**).css('color', 'red'); // обратимся к тегу "h2" у которого есть тег "span"

**});**

```

* **обратимся только К ПУСТЫМ ЭЛЕМЕНТАМ (БЕЗ ВЛОЖЕННОСТИ) " :empty "**

```
$(document).ready(function(){

  $('**.box:empty'**).css('border', '1px solid red');  // обратимся только к пустым элементам с классом "box"

**});**

```

* **обратимся к НЕ пустым элементам " :parent "**

```
$(document).ready(function(){

  $('**.box:parent'**).css('border', '1px solid red');  // обратимся к НЕ пустым элементам с классом "box"

**});**

```

### **Фильтры по атрибутам ( [name ~= value], [name ^= value])**

* **обратимся к тегу по определенному значению атрибута " тег [атрибут ='фильтруемое слово "**

```
$(document).ready(function(){

  $('**a[href="ya.ru"]'**).css('border', '1px solid red');  //  выделится **только 1 тег "а" с "href='ya.ru'"**

**});**

```

* **обратимся ко всем тегам КРОМЕ тегов со значением атрибута "** тег [атрибут **!=**'фильтруемое слово "

```
$(document).ready(function(){

  $('**a[href!="ya.ru"]'**).css('border', '1px solid red');  //  выделятся **ВСЕ теги "а" кроме тега с "href='ya.ru'"**

**});**

```

* **обратимся ко всем тегам у которых значение атрибута НАЧИНАЕТСЯ с "** тег [атрибут **^=**'фильтруемое слово "

```
$(document).ready(function(){

  $('**a[href^="http"]'**).css('border', '1px solid red');  //  выделятся **ВСЕ теги "а" у которых атрибут "href" НАЧИНАЕТСЯ с "http"**

**});**

```

* **обратимся ко всем тегам у которых значение атрибута ЗАКАНЧИВАЕТСЯ на "** тег [атрибут **$=**'фильтруемое слово "

```
$(document).ready(function(){

  $('**a[href$=".ru"]'**).css('border', '1px solid red');  //  выделятся **ВСЕ теги "а" у которых атрибут "href" ЗАКАГНЧИВАЕТСЯ на ".ru"**

**});**

```

* **обратимся ко всем тегам у которых значение атрибута СОДЕРЖИТ на "** тег [атрибут **\*=**'фильтруемое слово "

```
$(document).ready(function(){

  $('**a[href\*="ya"]'**).css('border', '1px solid red');  //  выделятся **ВСЕ теги "а" у которых атрибут "href" СОДЕРЖИТ "ya"**

**});'**

```