Latest web development tutorials

jQuery establecer el contenido y las propiedades

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

Vamos a utilizar el mismo método que en el capítulo anterior establecido tres elementos:

  • 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 el texto (), html () y el método val () para ajustar el contenido:

Ejemplos

$ ( "# Btn1"). Click (function () {
$ ( "# Prueba1") texto ( "Hola mundo!") .;
});
$ ( "# Btn2"). Click (function () {
$ ( "# Prueba2") html ( "<b> ¡Hola mundo </ b>!") .;
});
$ ( "# Btn3"). Click (function () {
$ ( "# Test3") Val ( "w3big") .;
});

Trate »


de texto (), html () y val función de devolución de llamada ()

Los tres métodos anteriores jQuery: Texto (), html () y Val (), también tiene una función de devolución de llamada. Devolución de llamada por dos parámetros: el elemento seleccionado en la lista de elementos que están bajo la norma actual, así como el valor original (antigua). A continuación, la función devuelve el valor que desea utilizar la nueva cadena.

El siguiente ejemplo muestra el texto con una devolución de llamada () y html ():

Ejemplos

$ ( "# Btn1"). Click (function () {
$ ( "# Prueba1"). Texto (function (i, origText) {
volver "viejo texto:" + + origText "nuevo texto: Hola mundo (índice :!" + i + ")";
});
});

$ ( "# Btn2"). Click (function () {
$ ( "# Prueba2"). Html (function (i, origText) {
volver "viejo html:" + + origText "nueva html: Hola <b> mundo </ b> (índice :!" + i + ")";
});
});

Trate »


Establecer atributos attr (-)

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

El siguiente ejemplo muestra cómo cambiar el valor del atributo href del enlace (configuración):

Ejemplos

$ ( "Botón"). Click (function () {
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});

Trate »

método attr () también le permite establecer múltiples propiedades al mismo tiempo.

El siguiente ejemplo muestra cómo establecer el atributo href tanto y título:

Ejemplos

$ ( "Botón"). Click (function () {
$ ( "# W3big"). Atr ({
"Href": "http://www.w3big.com/jquery",
"Título": "Tutorial jQuery"
});
});

Trate »


attr función de devolución de llamada ()

Método jQuery attr (), también proporciona una función de devolución de llamada. Devolución de llamada por dos parámetros: el elemento seleccionado en la lista de elementos que están bajo la norma actual, así como el valor original (antigua). A continuación, la función devuelve el valor que desea utilizar la nueva cadena.

El siguiente ejemplo ilustra un método de devolución de llamada función attr ():

Ejemplos

$("button").click(function(){
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

Trate »