Introdução ao jQuery
3.3 Selecionando elementos pelo conteúdo
$("input[class*='and']")
O seletor encontra 1 tag:
<input class="validate_and_return" type="text"/>
11 Seleciona se existir um determinado atributo
Por exemplo, vamos selecionar apenas as inputs que possuem o atributo value definido:
$("input[value]")
No exemplo, foram encontradas 3 tags com value definido:
<input type="text" value="PR"/>
<input type="text" value="RS"/>
<input type="text" value="TO"/>
3.3 Selecionando elementos pelo conteúdo Estes seletores permitem encontrar elementos de acordo com seus conteúdos. Considere o seguinte código HTML para ilustração do resultado retornado para cada seletor:
<section id="site">
<h1>Principais manchetes do dia</h1>
<p class="destaque">Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore 3.4 Selecionando elementos pela hierarquia Permitem selecionar elementos de acordo com a posição hierárquica do elemento na árvore DOM. Considere o seguinte código HTML para ilustração do resultado retornado para cada seletor:
magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p>
<div>
<span>Verifique sua opção de escolha:</span>
</div>
<h3 class="titulo">Mais conteúdos</h3> <div>Acesse:
<a href="www.loremipsundotcolor.com">aqui</a>
</div>
<div id="erro"></div>
</section>
12 Seleciona elemento se contém determinada palavra
Por exemplo, selecione todos os parágrafos que contém a palavra "tempo":
$("p:contains('tempo')")
O retorno do seletor será o elemento:
<p class="destaque">Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore
magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p>
13 Seleciona o elemento que contém uma determinada tag
Por exemplo, vamos selecionar todas as divs que possuem a tag span:
$("div:has(span)")
O resultado é a seleção de uma div:
<div>
<span>Verifique sua opção de escolha:</span>
</div>
14 Seleciona elementos vazios
Permite selecionar apenas aquelas divs que não possuem conteúdo ou elementos filhos:
$("div:empty")
O resultado é a div#erro:
<div id="erro"></div>
15 Seleciona elementos com conteúdo
Por exemplo, seleciona apenas aquelas divs que possuem algum conteúdo ou tag filha:
$("div:parent")
O retorno do seletor será o elemento:
<div>
<span>Verifique sua opção de escolha:</span>
</div>
<div>Acesse:
<a href="www.loremipsundotcolor.com">aqui</a>
</div>