Latest web development tutorials

jQuery obtener contenido y las propiedades

jQuery tiene elementos HTML que se abren y los atributos de forma poderosa.


jQuery operaciones DOM

jQuery es una parte muy importante es la capacidad de las operaciones de DOM.

jQuery proporciona un conjunto de métodos asociados con el DOM, lo que hace que el acceso y la manipulación de los elementos y atributos llegar a ser muy fácil.

lámparaDOM = Document Object Model (Document Object Model)

DOM HTML y documentos XML para definir los criterios de acceso:

"El W3C Modelo de objetos de documento independiente de la plataforma y el idioma de la interfaz que permite a los programas y scripts acceder y actualizar la estructura del documento y el estilo de forma dinámica."



Obtener el contenido - texto (), html () y Val ()

Tres método sencillo y práctico para operaciones DOM de jQuery:

  • de texto () - Establece o devuelve el contenido de texto del elemento seleccionado
  • html () - Establece o devuelve el contenido del elemento seleccionado (incluyendo etiquetas HTML)
  • val () - Devuelve los campos de valor o de formulario

El siguiente ejemplo demuestra cómo jQuery texto () y un método html () para obtener el contenido:

Ejemplos

$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});

Trate »

El siguiente ejemplo demuestra cómo el método jQuery val () para obtener los valores de los campos de entrada:

Ejemplos

$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});

Trate »


Obtener la propiedad - attr ()

jQuery método attr () se utiliza para obtener el valor de la propiedad.

El siguiente ejemplo muestra cómo obtener el valor del atributo href enlace:

Ejemplos

$ ( "Botón"). Click (function () {
alerta ($ ( "# w3big") attr ( "href").);
});

Trate »

El siguiente capítulo explicará cómo configurar (modificar) el contenido y los valores de atributos.