Em CSS, você pode selecionar todos
elementos na página com este:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
No jQuery, você pode usar exatamente o mesmo seletor.
$("h1") // set of all
elements
Na verdade, você pode usar qualquer seletor CSS (até mesmo seletores CSS3) no jQuery. Neste screencast, usamos até mesmo o seletor: enésimo do tipo para selecionar o segundo termo de definição em uma lista de definições:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Esse método .html () é útil. Ele permite que você altere (ou obtenha) o “innerHTML” de um elemento. Tipo, não o elemento em si, mas tudo dentro dele. A “coragem” que você poderia dizer. É semelhante ao método .text (), mas text () é literalmente apenas para texto. Ele não retornará HTML real de dentro do elemento. Portanto, se o “guts” fosse Some text, ele retornaria apenas “Some text”. Definir o texto com ele escapará de qualquer HTML inserido, o que significa que você verá literalmente o “”. Obter texto com ele também é único, pois se você selecionar vários elementos, ele retornará o texto combinado de todos eles, o que é único no jQuery. Em outros casos, quando você “obtém” um valor de um método, ele retornará o valor do primeiro no conjunto. Like .height()retornará apenas a altura do primeiro elemento do conjunto.
Veja a caneta eab1c311dd6e399a2006f1694bbbe051 de Chris Coyier (@chriscoyier) no CodePen