39 lines
1.1 KiB
Markdown
39 lines
1.1 KiB
Markdown
|
---
|
||
|
|
title: Create a Class to Target with jQuery Selectors
|
||
|
|
localeTitle: Crea una clase para apuntar con los selectores jQuery
|
||
|
|
---
|
||
|
|
## Crea una clase para apuntar con los selectores jQuery
|
||
|
|
|
||
|
|
El último desafío lo llevó a agregar algunas clases a sus elementos `html <button></button>` para darles un estilo, esta vez debe agregar otras clases a esos botones que permitan a jQuery apuntarles.
|
||
|
|
|
||
|
|
### Insinuación
|
||
|
|
|
||
|
|
Editar las clases
|
||
|
|
|
||
|
|
### Solución
|
||
|
|
|
||
|
|
Ya que tiene que agregar la clase `target` , la siguiente es la solución:
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<div class="container-fluid">
|
||
|
|
<h3 class="text-primary text-center">jQuery Playground</h3>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xs-6">
|
||
|
|
<div class="well">
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xs-6">
|
||
|
|
<div class="well">
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
<button class="btn btn-default target"></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
```
|