seletor jQuery
jQuery Selector permite elementos HTML de grupo ou um único elemento de operar.
seletor jQuery
jQuery Selector permite elementos HTML de grupo ou um único elemento de operar.
jQuery seletor baseado em elementos id, classes, tipos, atributos, valores de atributos e assim por diante "Find" (ou selecione) elementos HTML. Baseia-se na existentes seletores CSS , além disso, ele também tem alguns seletores personalizados.
Todos os seletores jQuery começar com um sinal de dólar: $ ().
seletores
seletores jQuery selecionar elementos com base no nome do elemento.
Selecione todos os elementos <p> na página:
Exemplos
Usuário clica no botão, todos os elementos <p> estão escondidos:
selector #id
jQuery #id seletores selecione elementos especificados pelo atributo id do elemento HTML.
elementos de identificação no página deve ser original, assim você quiser selecionar apenas os elementos na página através do selector #id.
Id escolhendo os seguintes elementos de sintaxe:
Exemplos
Quando o usuário clica no botão, os elementos têm atributo id = "teste" será oculto:
Exemplos
$("button").click(function(){
$("#test").hide();
});
});
tente »
selector .class
seletor de classe jQuery pode encontrar um elemento da classe especificada.
A sintaxe é a seguinte:
Exemplos
Usuário clica no botão após todos os elementos com class = "test" são atributos ocultos:
Exemplos
$("button").click(function(){
$(".test").hide();
});
});
tente »
mais exemplos
| 语法 | 描述 | 实例 |
|---|---|---|
| $("*") | 选取所有元素 | 在线实例 |
| $(this) | 选取当前 HTML 元素 | 在线实例 |
| $("p.intro") | 选取 class 为 intro 的 <p> 元素 | 在线实例 |
| $("p:first") | 选取第一个 <p> 元素 | 在线实例 |
| $("ul li:first") | 选取第一个 <ul> 元素的第一个 <li> 元素 | 在线实例 |
| $("ul li:first-child") | 选取每个 <ul> 元素的第一个 <li> 元素 | 在线实例 |
| $("[href]") | 选取带有 href 属性的元素 | 在线实例 |
| $("a[target='_blank']") | 选取所有 target 属性值等于 "_blank" 的 <a> 元素 | 在线实例 |
| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 | 在线实例 |
| $(":button") | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 | 在线实例 |
| $("tr:even") | 选取偶数位置的 <tr> 元素 | 在线实例 |
| $("tr:odd") | 选取奇数位置的 <tr> 元素 | 在线实例 |
arquivo separado usando a função jQuery
Se o seu site contém muitas páginas, e você quer que sua função jQuery é fácil de manter, por isso, colocar as suas funções jQuery em arquivo js separado.
Quando demonstramos em jQuery tutorial, a função será adicionado diretamente à seção <head>. No entanto, colocá-los em um arquivo separado será melhor, como este (arquivo referenciado pelo atributo src):
Exemplos
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>