> For the complete documentation index, see [llms.txt](https://maksimdan.gitbook.io/javascript/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://maksimdan.gitbook.io/javascript/intro_to_jquery/section_1.md).
# Section 1 - Selectors
```
//boiler
title
Paragraph text 1
Paragraph text 2
List element 1
List element 2
List element 3
List element 4
List element 5
```
### Selectors
* Invoke jquery function -> $()
* Takes a selector
* $('selector')
```
$('.paragraph').css("outline", "1px solid red");
$('ul').css("outline", "1px solid red");
```
* Work like css elements
* . for class
* **for id, etc**
classList element 4
```
$('ul .paragraph').css("outline", "1px solid red");
```
* Specify selectors further by chaining selectors.
* List element 1
* List element 2
* List element 3
* List element 4
* List element 5
* List element 1
* List element 2
* List element 3
* List element 4
* List element 5
```
$('ul li:first-child').css("outline", "1px solid red");
//starts counting at 0
$('ul li:odd').css("outline", "1px solid red");
```
* Selectors by the attribute tag directly:
```
Paragraph text 1
Paragraph text 2
List element 1
$('[name]').css("outline", "1px solid red");
$('[class]').css("outline", "1px solid blue");
```
* Also have the option of specifying attribute tags like this
```
Paragraph text 2
List element 1
$("[name='more specific']").css("outline", "1px solid red");
```
* Selectors as inverses
```
//Selects everything but the selector
$("[name!='more specific']").css("outline", "1px solid red");
```
* Shortcuts: selecting all children of a selector
* List element 1
* List element 2
Paragraph text 1
Paragraph text 2
* List element 3
* List element 4
* List element 5
```
$('ul *').css("outline", "1px solid red");
```