jQuery Selector Challenge - solutions
To get started, clone this repo.
Open index.html. In your Chrome Javascript Console, use jquery to select the element containing the words "Hello There" with as many different selectors as you can think of:
<!DOCTYPE html>
<body>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div id="greeting">Hello There</div>
</div>
</div>
</div>
</body>In the file scripts/app.js, try the following challenges:
- Get the value "Hello There".
- Change (or set) the value to "Hola".
- Add an h1 to the page that says "A Spanish Greeting".
- Add a second greeting ("Que tal?"), in a second column to the right of the first.
- Add the class "blue" to both greetings.
Your goal is for you to open index.html in your browser, and have your solutions should all run!