English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JqueryIteração de atributos, operações HTML.
O jQuery possui métodos poderosos para manipular elementos HTML e atributos.
A seguir, apresento algumas funções de iteração do jQuery que organizei:
.add() |
Adicionar o elemento ao conjunto de elementos correspondentes. |
.andSelf() |
Adicionar a coleção de elementos anterior na pilha à coleção atual. |
.children() |
Obter todos os elementos filhos de cada elemento na coleção de elementos correspondentes. |
.closest() |
Começando pelo elemento本身, vai até o nível superior dos elementos e retorna o ancestral que coincide primeiro. |
.contents() |
Obtém os elementos filhos de cada elemento do conjunto de elementos coincidentes, incluindo nós de texto e comentários. |
.each() |
Itera sobre o objeto jQuery, executando a função para cada elemento coincidente. |
.end() |
Finaliza a operação de filtragem mais recente na cadeia atual, retornando o conjunto de elementos coincidentes para o estado anterior. |
.eq() |
Reduz o conjunto de elementos coincidentes para novos elementos que estão no índice especificado. |
.filter() |
Reduz o conjunto de elementos coincidentes para novos elementos que coincidem com o seletor ou que retornam o valor da função. |
.find() |
Obtém os descendentes de cada elemento do conjunto de elementos coincidentes, filtrados pelo seletor. |
.first() |
Reduz o conjunto de elementos coincidentes para o primeiro elemento do conjunto. |
.has() |
Reduz o conjunto de elementos coincidentes para o conjunto de descendentes que contêm elementos específicos. |
.is() |
Verifica o conjunto de elementos coincidentes atual com o seletor, retornando true se houver pelo menos um elemento coincidente. |
.last() |
Reduz o conjunto de elementos coincidentes para o último elemento do conjunto. |
.map() |
Passa cada elemento do conjunto de elementos coincidentes para a função, gerando um novo objeto jQuery contendo os valores de retorno. |
.next() |
Obtém o elemento irmão imediato posterior de cada elemento do conjunto de elementos coincidentes. |
.nextAll() |
Obtém todos os elementos irmãos posteriores a cada elemento do conjunto de elementos coincidentes, filtrados pelo seletor (opcional). |
.nextUntil() |
Obtém todos os elementos irmãos posteriores a cada elemento do conjunto de elementos coincidentes, até encontrar o elemento que coincide com o seletor. |
.not() |
Remove elementos do conjunto de elementos coincidentes. |
.offsetParent() |
Obtém o primeiro elemento pai utilizado para a localização. |
.parent() |
Obtém o elemento pai de cada elemento do conjunto de elementos coincidentes, filtrado pelo seletor (opcional). |
.parents() |
Obtém os elementos ascendentes de cada elemento do conjunto de elementos coincidentes, filtrados pelo seletor (opcional). |
.parentsUntil() |
Obtém os elementos ascendentes de cada elemento do conjunto de elementos coincidentes, até encontrar o elemento que coincide com o seletor. |
.prev() |
Obtém o elemento irmão anterior imediato de cada elemento do conjunto de elementos coincidentes, filtrado pelo seletor (opcional). |
.prevAll() |
Obtém todos os elementos irmãos anteriores a cada elemento do conjunto de elementos coincidentes, filtrados pelo seletor (opcional). |
.prevUntil() |
Obtém todos os elementos irmãos anteriores a cada elemento do conjunto de elementos coincidentes, até encontrar o elemento que coincide com o seletor. |
.siblings() |
Obtém todos os elementos irmãos do conjunto de elementos coincidentes, filtrados pelo seletor (opcional). |
.slice () |
Reduza o conjunto de elementos correspondentes para um subconjunto de faixa especificada. |
Aqui está minha visão sobre a função de iteração do jQuery.
HTMLMétodos para operar DOM:
A parte mais importante do Jquery é a capacidade de operar DOM, o Jquery oferece uma série de métodos relacionados ao DOM, o que torna fácil acessar e operar elementos e atributos, como operar objetos DOM: Document Object Model (DOM) DOM define o padrão para acessar documentos HTML e XML: W3O modelo de objeto do documento DOM é independente da plataforma e do idioma, permitindo que os programadores e scripts acessem e atualizem dinamicamente o conteúdo, estrutura e estilo do documento. O DOM obtém-Os três métodos simples e práticos text (), html () e val () para operações DOM: text () - Defina ou retorne o conteúdo de texto do elemento selecionado html () - Defina ou retorne o conteúdo do elemento selecionado (incluindo tags HTML) val () - Defina ou retorne o valor do campo do formulário e obtenha o atributo - attr ()
O método jQuery attr () é usado para obter valores de atributo.
Defina o conteúdo de todos os elementos p:
$ (".btn ")1").click (function () { $ ("p ").html ("Hello <b> world</b> ! "); });
Quando você usar este método para retornar um valor, ele retornará o conteúdo do primeiro elemento correspondente.
$ (selector).html ()
Quando você usar este método para definir um valor, ele substituirá o conteúdo de todos os elementos correspondentes.
$ (selector).html (content)
Use uma função para definir o conteúdo de todos os elementos correspondentes.
$ (selector).html (function (index, oldcontent))
Isso é minha compreensão e visão sobre a propriedade, iteração e operação do HTML do jQuery, espero que possa ajudar a todos.
Aqui está o conteúdo completo que o editor compartilha com você sobre a propriedade, iteração e métodos de operação do HTML do jQuery, espero que possa fornecer uma referência para vocês, e espero que todos apoiem o tutorial gritar.