$("button")
, por classe: $(".btn")
e por id $("#target1")
. Embora seja possível adicionar várias classes em uma única chamada .addClass()
, vamos incluí-las no mesmo elemento de três maneiras distintas . Usando .addClass()
, adicione somente uma classe por vez ao mesmo elemento, de três maneiras diferentes: Adicione a classe animated
a todos os elementos com o button
type. Adicione a classe shake
a todos os botões com a classe .btn
. Adicione a classe btn-primary
ao botão com id #target1
. Nota shake
, animated
e btn-primary
a #target1
. $("button")
.
testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?button\s*?(?:"|")/gi), "Use the $("button")
selector.");'
- text: Use o seletor $(".btn")
.
testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?\.btn\s*?(?:"|")/gi), "Use the $(".btn")
selector.");'
- text: 'Use o seletor $("#target1")
.'
testString: 'assert(code.match(/\$\s*?\(\s*?(?:"|")\s*?#target1\s*?(?:"|")/gi), "Use the $("#target1")
selector.");'
- text: Adicione apenas uma classe a cada um dos seus três seletores.
testString: 'assert(code.match(/addClass/g) && code.match(/addClass\s*?\(\s*?("|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2, "Only add one class with each of your three selectors.");'
- text: 'Seu elemento #target1
deve ter as turmas animated
, shake
e btn-primary
.'
testString: 'assert($("#target1").hasClass("animated") && $("#target1").hasClass("shake") && $("#target1").hasClass("btn-primary"), "Your #target1
element should have the classes animated
shake
and btn-primary
.");'
- text: Use apenas o jQuery para adicionar essas classes ao elemento.
testString: 'assert(!code.match(/class.*animated/g), "Only use jQuery to add these classes to the element.");'
```