Home
índice
Página anterior

Seletores de Atributos

Menu
Seletores Hierárquicos
Biblioteca jQuery
email

Os Seletores de Atributos retornam elementos que tenham um determinado atributo e também localizam elementos aonde um determinado atributo esteja com um valor especificado. Na documentação da Biblioteca jQuery tem a lista completa dos seletores de atributos.

• Attribute Contains Prefix Selector [name|="value"]

Com este atributo é possível procurar um conteúdo que comece com um valor específico. Coloca-se a barra antes do sinal de (=).

Localizar elementos com atributo href

• Attribute Contains Selector [name*="value"]

Para verificar se um conteúdo contém um certo valor. Coloca-se um asterisco.

No javaScript:
$(document).ready(function(){
$("a[href*=com]")
.css("background", "yellow");
});

• Attribute Contains Word Selector [name~="value"]

Localizar o elemento que termina com um valor determinado

Para verificar se um conteúdo termina com um certo valor. Coloca-se um $ depois do atributo.

• Attribute Ends With Selector [name$="value"]

		 
    No javaScript:
    $(document).ready(function(){
    $("a[href$=js]")
    .css("background", "yellow");
    });

Localizar elementos com valor menu

• Attribute Equals Selector [name="value"]

		 
	No javaScript:
	$(document).ready(function(){
	$("a[name=menu]")
	.css("background", "yellow");
	});
  

Localizar elementos com valor diferente

• Attribute Not Equal Selector [name!="value"]

Localiza elementos que tenham valor diferente, do valor informado.

   No javaScript:
   $(document).ready(function(){
   $("a[href!=http]")
   .css("background", "yellow");
   });

Localizar atributos que começam um valor qualquer

• Attribute Starts With Selector [name^="value"]

	 No javaScript:
	 $(document).ready(function(){
	$("a[href^=http]")
	.css("background", "yellow");
	});
    

Localizar elementos com atributo name

• Has Attribute Selector[name]

	No javaScript:
	$(document).ready(function(){
	$("a[name]")
	.css("background", "yellow");
	});
    

• Multiple Attribute Selector[name="value"][name2="value2"]