13-obtener contenido con Jquery

Get Content and Attributes with jquery

Jquery tiene poderosos metodos, para manipular y cambiar elementos html

una de las caracteristicas mas importantes de jquery es poder manipular el DOM

Jquery tiene muchos metodos para poder manipular el DOM manipular elementos y atributos html

DOM = Modelo de objeto de documento

El DOM define un estándar para acceder a documentos HTML y XML:

"El modelo de objetos de documento (DOM) del W3C es una plataforma y lenguaje neutral interfaz que permite que los programas y scripts accedan y actualicen dinámicamente el contenido, estructura y estilo de un documento”.

...

Obtener contenido: texto (), html () y val ()

Tres métodos jQuery simples, pero útiles, para la manipulación de DOM son:

• text() - Establece o devuelve el contenido de texto de los elementos seleccionados
• html() - Establece o devuelve el contenido de los elementos seleccionados (incluido el marcado HTML)
• val() - Establece o devuelve el valor de los campos de formulario

Ejemplo

El siguiente ejemplo demuestra cómo obtener contenido con jQuery text()

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

El siguiente ejemplo demuestra cómo obtener contenido con jQuery html()

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

El siguiente ejemplo demuestra cómo obtener el valor de un campo de entrada con jQuery val()método:

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

Obtener atributos - attr()

El método attr() se utiliza para obtener valores de atributo

ejemplo

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

 $("button").click(function(){
     alert($("#text").attr("href"));
   });
    

Ir al indice