Latest web development tutorials

selector de jQuery

jQuery selector que permite a los elementos HTML de grupo o un solo elemento para operar.


selector de jQuery

jQuery selector que permite a los elementos HTML de grupo o un solo elemento para operar.

selector de jQuery basado en elementos de identificación, clases, tipos, atributos, valores de atributos, y así sucesivamente "Find" (o seleccionar) elementos HTML. Se basa en existentes selectores CSS , además, también tiene algunos selectores personalizados.

Todos los selectores de jQuery comienzan con un signo de dólar: $ ().


selectores

selectores de jQuery seleccionar elementos basados ​​en el nombre del elemento.

Seleccionar todos los elementos <p> en la página:

$("p")

Ejemplos

El usuario hace clic en el botón, todos los elementos <p> se ocultan:

Ejemplos

$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});

Trate »


selector de #id

jQuery #id selectores seleccione elementos especificados por el atributo id del elemento HTML.

elementos de identificación en la página debe ser único, por lo que desea seleccionar sólo los elementos de la página a través del selector de #id.

Identificación mediante la selección de los siguientes elementos de sintaxis:

$("#test")

Ejemplos

Cuando el usuario hace clic en el botón, los elementos tienen el atributo id = "prueba" se ocultará:

Ejemplos

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

Trate »


selector de .class

selector de clase jQuery puede encontrar un elemento de la clase especificada.

La sintaxis es la siguiente:

$(".test")

Ejemplos

El usuario hace clic en el botón después de que todos los elementos con class = "prueba" son atributos ocultos:

Ejemplos

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});

Trate »


más ejemplos

语法 描述 实例
$("*") 选取所有元素 在线实例
$(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> 元素 在线实例

archivo separado utilizando la función jQuery

Si su sitio contiene muchas páginas, y quiere que su función jQuery es fácil de mantener, así que por favor ponga sus funciones jQuery en un archivo .js aparte.

Cuando demostramos en jQuery tutorial, se añadirá la función directamente a la sección <head>. Sin embargo, los puso en un archivo separado será mejor, como este (archivo referenciado por el atributo src):

Ejemplos

<head>
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>