jQuery definir o conteúdo e as propriedades
Definir o conteúdo - text (), html () e Val ()
Nós vamos usar o mesmo método que no capítulo anterior, estabelecido três elementos:
- text () - Define ou retorna o conteúdo de texto do elemento selecionado
- html () - Define ou retorna o conteúdo do elemento selecionado (incluindo tags HTML)
- val () - Retorna os campos de valor ou de formulário
O exemplo a seguir demonstra como text (), html () e o método val () para definir o conteúdo:
Exemplos
$ ( "# Test1") texto ( "Olá, mundo!") .;
});
$ ( "# Btn2"). Click (function () {
$ ( "# Test2") html ( "<b> Olá, mundo </ b>!") .;
});
$ ( "# Btn3"). Click (function () {
$ ( "# Test3") Val ( "w3big") .;
});
tente »
) Função text (), html () e Val (callback
O acima de três métodos do jQuery: text (), html () e Val (), também tem uma função de retorno. De chamada de retorno por dois parâmetros: o elemento seleccionado na lista de elementos sob a norma actual, bem como o valor original (velho). Em seguida, a função retorna o valor que pretende utilizar a nova cadeia.
O exemplo a seguir mostra o texto com uma chamada de retorno () e html ():
Exemplos
$ ( "# Test1"). Texto (função (i, origText) {
retornar "texto antigo:" + origText + "novo texto: Olá, mundo (índice :!" + i + ")";
});
});
$ ( "# Btn2"). Click (function () {
$ ( "# Test2"). Html (função (i, origText) {
retornar "html velho:" + origText + "nova html: Olá <b> mundo </ b> (índice :!" + i + ")";
});
});
tente »
Definir atributos - attr ()
jQuery attr () é usado para definir / alterar o valor da propriedade.
O exemplo a seguir mostra como alterar o atributo href valor (configuração) link:
Exemplos
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});
tente »
attr () método também permite que você defina várias propriedades simultaneamente.
O exemplo a seguir mostra como definir o atributo tanto href e cargo:
Exemplos
$ ( "# W3big"). Attr ({
"Href": "http://www.w3big.com/jquery",
"Title": "jQuery Tutorial"
});
});
tente »
attr) função de retorno (
Método jQuery attr (), também fornecem uma função de retorno. De chamada de retorno por dois parâmetros: o elemento seleccionado na lista de elementos sob a norma actual, bem como o valor original (velho). Em seguida, a função retorna o valor que pretende utilizar a nova cadeia.
O exemplo a seguir ilustra com um método de função de retorno attr ():
Exemplos
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
tente »