Latest web development tutorials

jQuery obter conteúdo e as propriedades

jQuery tem elementos HTML operáveis ​​e atributos maneira poderosa.


operações jQuery DOM

jQuery é uma parte muito importante é a capacidade de operações DOM.

jQuery fornece um conjunto de métodos associados com o DOM, o que torna o acesso e manipulação de elementos e atributos tornam-se muito fácil.

lâmpadaDOM = Document Object Model (Document Object Model)

documentos XML DOM HTML e definir critérios de acesso:

"W3C interface de Document Object Model independente de plataforma e linguagem que permite que programas e scripts para acessar e atualizar a estrutura do documento e estilo de forma dinâmica."



Obter conteúdo - text (), html () e Val ()

Três método simples e prático para as operações de DOM jQuery:

  • 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 o texto jQuery () e o método html () para obter o conteúdo:

Exemplos

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

tente »

O exemplo a seguir demonstra como jQuery val () para obter valores de campos de entrada:

Exemplos

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

tente »


Obter propriedade - attr ()

jQuery attr () método é usado para obter o valor da propriedade.

O exemplo a seguir mostra como obter o valor do atributo link href:

Exemplos

$ ( "Button"). Click (function () {
($ ( "# W3big") attr ( "href").) Alerta;
});

tente »

O próximo capítulo irá explicar como configurar (mudança) o conteúdo e valores de atributos.