Galeria de mapas mentais Mapa mental de resumo de conhecimento relacionado ao HTML5
O que é HTML5? Como estudar? HTML5 é um método de descrição de linguagem para estruturar conteúdo da web. HTML5 é o padrão da próxima geração da Internet e um método de linguagem para construir e apresentar conteúdo da Internet. É considerada uma das principais tecnologias da Internet. O HTML foi criado em 1990 e o HTML4 tornou-se um padrão da Internet em 1997 e é amplamente utilizado no desenvolvimento de aplicações para a Internet. O mapa a seguir resume o conhecimento relacionado ao HTML5 para sua referência e estudo.
Editado em 2018-12-19 12:05:18Il s'agit d'une carte mentale sur les anévrismes intracrâniens, avec le contenu principal, notamment: le congé, l'évaluation d'admission, les mesures infirmières, les mesures de traitement, les examens auxiliaires, les manifestations cliniques et les définitions.
Il s'agit d'une carte mentale sur l'entretien de comptabilité des coûts, le principal contenu comprend: 5. Liste des questions d'entrevue recommandées, 4. Compétences de base pour améliorer le taux de réussite, 3. Questions professionnelles, 2. Questions et réponses de simulation de scénarios, 1. Questions et réponses de capacité professionnelle.
Il s'agit d'une carte mentale sur les méthodes de recherche de la littérature, et son contenu principal comprend: 5. Méthode complète, 4. Méthode de traçabilité, 3. Méthode de vérification des points, 2. Méthode de recherche inversée, 1. Méthode de recherche durable.
Il s'agit d'une carte mentale sur les anévrismes intracrâniens, avec le contenu principal, notamment: le congé, l'évaluation d'admission, les mesures infirmières, les mesures de traitement, les examens auxiliaires, les manifestations cliniques et les définitions.
Il s'agit d'une carte mentale sur l'entretien de comptabilité des coûts, le principal contenu comprend: 5. Liste des questions d'entrevue recommandées, 4. Compétences de base pour améliorer le taux de réussite, 3. Questions professionnelles, 2. Questions et réponses de simulation de scénarios, 1. Questions et réponses de capacité professionnelle.
Il s'agit d'une carte mentale sur les méthodes de recherche de la littérature, et son contenu principal comprend: 5. Méthode complète, 4. Méthode de traçabilité, 3. Méthode de vérification des points, 2. Méthode de recherche inversée, 1. Méthode de recherche durable.
HTML5
<body>Conteúdo da URL
propriedades do corpo:
bgcolor: cor de fundo Plano de fundo: imagem de fundo Texto: cor da fonte onload: chamado ao carregar
linha horizontal
<h>
Operações de fonte
Negrito
<b>
fonte em itálico
<eu>
Sublinhado
<você>
tachado
<del>
Fonte
<fonte>: Cor: cor da fonte Tamanho: tamanho da fonte 1 ~ 7
<mark>Destacar</mark>
etiqueta de título
<h1>~<h6> Deixe a fonte em negrito, maior e em sua própria linha
tags de parágrafo
<p> Separar entre parágrafos
nova linha
<br>
espaço
Hiperlink
link comum
<a href="address">nome do link</a>
link âncora
Primeiro defina a tag de localização: <a name="ding"></a> Em seguida, use um hiperlink para ir para um local predefinido: <a href="#ding">Voltar ao topo</a>
conexão funcional
Janela pop-up QQ: O que é chamado de interface de bate-papo remoto da Tencent <a href="tencent://message/?uin=10001&Menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=1:615050000:10"/></a>
Tags de imagem
<img src="Caminho do recurso da imagem" width="Largura da imagem (px pixels ou %)" title="Hover prompt text" alt="Arquivo de prompt para falha no carregamento" border="Borda 1 Sim 0 Não" />
lista
Lista ordenada:
<ol type="valor"> <li>Banana</li> <li>Batata</li> <li>Yali</li> </ol>
Lista não ordenada:
<ul type="valor"> <li>Pequim</li> <li>Xangai</li> <li>Guangzhou</li> </ul>
Criação rápida
ul>li*4 tecla de tabulação
folha
propriedades da tabela
borda: borda da tabela, o valor é do tipo int, quanto maior o valor, mais espessa a linha, 0 significa nenhum bordercolor: cor da moldura da mesa espaçamento entre células: a distância entre as células largura: largura da tabela, pixels ou porcentagens altura: altura da tabela, pixels ou porcentagem bgcolor: cor de fundo da tabela ou célula (aplicável a tabela, tr, td) plano de fundo: imagem de fundo
Criação rápida
tabela>tr*2>td*3
<tabela> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </tabela>
tr representa linha td representa coluna
Mesclar células
colspan: mesclar horizontalmente com paralelo (direção horizontal/esquerda-direita) rowspan: mesclar linhas (direção vertical/direção para cima e para baixo) mesclar verticalmente Nota: Mesclar significa que vários itens se tornam um, então qualquer excesso deve ser excluído!
forma
<formulário></formulário>
atributos do formulário:
- ação: o destino do envio do formulário - método: método de envio do formulário obtém texto simples (padrão)/postar texto cifrado - enctype: método de codificação (existem elementos especiais no formulário: usado apenas ao enviar imagens) onsubmit: envio de evento
entrada
<input type="x" name="y" placeholder="" desativado="disabled"> tipo: tipo nome: nome da caixa de entrada espaço reservado; caixa de entrada de prompt desabilitado: desabilitado
O valor do tipo: texto: caixa de entrada de texto (valor padrão) senha: caixa de entrada de senha caixa de seleção: caixa de seleção/caixa de seleção múltipla <-marcada seleciona o elemento selecionado rádio: botão de opção submit: botão Enviar (você pode usar valor para substituir o nome do botão padrão) reset: botão de reset (você pode usar valor para substituir o nome do botão padrão) botão: botão -No formulário: equivalente ao botão enviar - Fora do formulário: botão comum cor: paleta de cores data: calendário mês: calendário mensal semana calendário semanal número:campo numérico -min valor mínimo -max valor máximo -step salta por múltiplos de entrada alcance: slide caixa de pesquisa de pesquisa
<selecionar> <option>Menu suspenso</option> ... </selecionar>
Barra de rolagem
<progresso></progresso>
Caixa de entrada Lenovo
Ser consistente
Área de conteúdo expansível
quadro
Referências a outras páginas (com hiperlinks)
<a href="Abrir página ou imagem" target="xy">Capítulo 1</a> <br /><br /> <a href="Abrir página ou imagem" target="xy">Capítulo 2</a> <br /><br /> <a href="Abrir página ou imagem" target="xy">Capítulo 3</a> <br /><br /> <iframe name="xy" width="400px" height="300px"></iframe>
alvo: O alvo de abertura da página da web é a posição xy
etiqueta de mídia
<vídeo>vídeo
<áudio>Música
Mostrar controles de reprodução
controles
Reprodução automática
Reprodução automática
ciclo automático
laço
caminho
fonte
estrutura tag div
Derive muitos elementos filhos div com base em div e eles podem ser usados como divs Cada elemento filho tem seu próprio nome para completar a descrição “semântica” da div. Semanticização: semelhante a "saber o significado vendo o nome" na especificação de nomenclatura de variáveis Java
<seção>
área de conteúdo na página da web
<artigo>
artigo
<à parte>
Conteúdo fora do artigo
<hgrupo>
Combinação de conteúdo e título
<navegação>
navegação
<figura>
Imagens e textos
<cabeçalho>
Cabeçalho da página da web
<rodapé>
parte inferior da página
flutuação clara: ambos os lados
limpar ambos;
<estilo>estilo CSS
Use três métodos:
estilos embutidos
escrito dentro da tag de abertura
<p style="color:red;">HTML</p>
estilo interno
Escrito entre </head><body>
<estilo></estilo>
folha de estilo externa
Crie um arquivo .css e escreva nele
Definição:<link href="css/01.css" rel="stylesheet"/>
prioridade css
O princípio da proximidade
Seletor
seletor de elemento
Formato:h2{}
Use o nome da tag como alvo de modificação
classe seletor de classe
Formato: .nome da classe{}
Filtre ainda mais o seletor de elemento
ID do seletor de ID
Formato: #id nome{}
Levando os seletores de classe um passo adiante
grupo seletor
Formato:h1,h2,h3{}
seletor derivado
Seletor descendente (selecionar tudo)
Formato:div p{}
Seletor descendente(seletor)
Formato:div>p{}
Seletor de pseudoclasse
Não clicado
Formato: a:link{}
Depois de clicar
Formato:a:visitado{}
flutuar
Formato: a:hover{}
Clique e segure
Formato:a:ativo{}
As quatro pseudoclasses devem estar em uma determinada ordem, caso contrário serão inválidas lvha
fundo
cor de fundo
cor de fundo:vermelho;
Imagem de fundo
imagem de fundo:url(img/1.jpg);
ladrilho de fundo
Por padrão, a imagem de fundo é "ladrilhada" nos eixos x e y. Use a repetição em segundo plano para controlar como o ladrilho funciona:
repetir: valor padrão, lado a lado nas direções x e y
repetir-x: lado a lado na direção x
repetir-y: lado a lado na direção y
sem repetição: sem ladrilho
panela de fundo
rolagem de fundo
anexo de fundo: rolagem de fundo (valor padrão)
anexo de fundo: fixo; o fundo não se move;
tamanho do fundo
contém: Zoom no tamanho da área de fundo (a imagem de fundo é totalmente exibida) cobrir: dimensione para cobrir completamente a área de fundo (não deixe espaços em branco)
posição de fundo
origem do plano de fundo:
caixa de fronteira;
caixa de preenchimento: (padrão)
caixa de conteúdo:
corte de fundo
clipe de fundo:
caixa de fronteira;
caixa de preenchimento: (padrão)
caixa de conteúdo:
Corte em quatro lados
quadro
Quatro lados, definidos ao mesmo tempo: borda:3px vermelho sólido;
Tratamento de estouro de texto
auto: Adaptável, se ultrapassar o limite, serão adicionadas barras de rolagem, caso contrário nenhuma barra de rolagem será adicionada.
oculto: oculto se excedido
Cor RGB
http://tool.oschina.net/commons?type=3
modelo de caixa
margem margem
em cima
preenchimento
esquerdaesquerda
estilo de texto
Fonte
família de fontes:"Microsoft Yahei";
tamanho da fonte
tamanho da fonte: 50px;
cor da fonte
cor: laranja;
Alinhamento do texto (esquerda, centro, direita)
alinhamento de texto: centro;
Negrito
intensidade da fonte: Negrito;
Linha central (excluir linha)
decoração de texto: line-through;
Sobrelinha
decoração de texto: overline;
cor de fundo
fundo: marrom;
Altura (altura da casa)
altura: 150px;
Altura da linha do texto (altura humana)
altura da linha: 150px;
recuo
recuo do texto: 30px;
estilo de mesa
Mesclar bordas de células
colapso da fronteira: colapso;
estilo de lista
remover
tipo de estilo de lista: nenhum;
número
tipo de estilo de lista: decimal;
romano minúsculo
tipo de estilo de lista: romano inferior;
Capital Romana
tipo de estilo de lista: romano superior;
manchas pretas
tipo de estilo de lista: disco;
bloquear
tipo de estilo de lista: quadrado;
círculo
tipo de estilo de lista: círculo;
Substitua tags de itens de lista por imagens
imagem de estilo de lista: url(img/1.png);
Mude para a orientação paisagem através do posicionamento flutuante
Estilo do mouse
cursor:
padrão: ponteiro
dedo indicador
mira: cruz
texto: foco
espera espera
estilo de posicionamento
Classificação de elementos
Todas as tags de elemento têm sua própria classificação, nível de bloco ou nível de linha
Elementos de nível de bloco:
h1 ~ h6, p, div, etc.
Orientação vertical de cima para baixo (quebra de linha): largura e altura podem ser alteradas
elementos embutidos
a,b,span etc...
Da esquerda para a direita, orientação horizontal (sem quebra de linha): não é possível alterar a largura e a altura
Elementos de bloco embutidos:
entrada, img, etc...
Da esquerda para a direita, direção horizontal (quebra de palavras): largura e altura podem ser alteradas
Segmentação padrão
Exibição de elemento em nível de bloco
exibição: bloco;
Exibição padrão
Exibição de elemento embutido
exibição: embutido;
Não é possível alterar largura e altura
Exibição de elemento de bloco embutido
display: bloco embutido;
Pode alterar largura e altura
posicionamento flutuante
Um elemento flutuante pode ser movido para a esquerda ou para a direita até que sua borda externa toque o elemento pai pixel ou a borda de outra caixa flutuante Os elementos flutuantes ainda estão localizados no elemento pai
flutuar para a esquerda
flutuar: esquerda
flutuar para a direita
flutuar: certo
posicionamento relativo
A distância entre este elemento e elementos adjacentes
posição: relativa
posicionamento absoluto
A distância entre este elemento e o elemento avô
posição:absoluta
Posicionamento fixo
Manter a posição do elemento inalterada
posição:fixo;
eixo z (exibição de sobreposição)
Quanto maior o valor, mais próximo do rosto (mais próximo do rosto)
índice z: valor numérico
Texto oculto
Mostrar nenhum;
Texto oculto
Função
Remover sublinhado do hiperlink
decoração de texto: nenhum;
<estilo>estilo css3
cantos arredondados
border-radius:50%;/*borda cantos arredondados 50%*/(círculo)
raio da borda: px superior esquerdo, px superior direito, px inferior direito, px inferior esquerdo;
raio da borda: canto superior esquerdo (canto superior direito) px canto superior direito (canto inferior esquerdo) px;
sombra
Sombra da caixa
box-shadow: deslocamento horizontal px deslocamento vertical px tamanho do desfoque px tamanho da sombra px cor da sombra;
sombra de texto
text-shadow: A cor da sombra, a direção horizontal px, a direção vertical px, o tamanho do desfoque px;
Gradiente
Gradiente linear
background:linear-gradient(lista de cores [para direção]);
gradiente radial
fundo:gradiente radial (lista de cores);
A lista de cores pode ter N números
animação
animação de transição
Você só pode controlar o início e o fim, mas não o processo intermediário.
transição: atributo css de transição ou simulação de animação, tempo s usado para completar a transição, função de transição [tempo de atraso do início da transição];
Nem todos os atributos suportam transição, CSS3 desenvolve apenas alguns atributos
Função de transição:
facilidade
Padrão.rápido para lento
linear
Velocidade uniforme
facilidade de uso
acelerar
relaxar
desacelerar
facilidade de entrada
Acelere primeiro e depois desacelere
animação
De um estado para outro, cada ponto do processo pode ser controlado.
Defina animação:
nome da animação @keyframes{ comece em {cor, forma, distância...} para{cor, forma, distância...} fim }
nome da animação @keyframes{ 0%{cor, forma, distância...} ... 100%{cor, forma, distância...} }
Vincular animação
seletor de elemento { animação: nome da animação, tempo de execução, função de transição, número de execuções [execução de ida e volta alternativa]; }
infinito
Tempos de execução sem fio
<JavaScript>
JS é uma tecnologia de programação web usada para adicionar comportamento interativo
js é uma linguagem interpretada (script). O navegador interpreta e executa o código sem pré-processamento. Compilar.
Use três maneiras
Dentro da indústria
<input type="button" value="Irmão, clique em mim" onclick="alert('嘤嘤嘤')";
ao clicar
Evento de vinculação
alerta()
Pop-ups
interno
<roteiro> alerta("olá mundo!") </script>
externo
Crie um arquivo com o sufixo “.js”
Definição:<script src="01.js"></script>
Prioridade: Quem está no topo? Quem deve ser executado primeiro?
variável
Como JavaScript é uma linguagem de tipo fraco, ao definir variáveis, todos os tipos de dados são declarados usando var;
Tipo numérico: número
String: string usa aspas duplas ou aspas simples
Tipo booleano: true=1 | false=0 (convertido em 1 e 0 durante a operação)
conversão automática de tipo
sequência numérica = sequência
Número booleano = número
string booleana = string
booleano booleano = número
função de conversão
Converta qualquer tipo em string
x.toSring();
Converter string em inteiro
analisarInt(x)
Converter string em decimal
analisarFloat(x)
Consultar (julgar) o tipo de valor atual
tipo de (x)
Não é possível converter retornos NaN
Caixa de saída de alerta
incitar()
Caixa de entrada de prompt
alerta()
Pop-ups
console.info()
saída do console
documento.write()
Produza o conteúdo da página
Operador/Controle de Fluxo
Operaçoes aritimeticas
operações relacionais
Estritamente igual
===Mesmo tipo e valor
não estritamente igual
!==
operação lógica
aritmética ternária
Estrutura de loop
Julgamento condicional
Objetos comuns
Corda
Criar objeto string
var str="olámundo";
var str=new String("olámundo");
Métodos comumente usados:
MatrizArray
Não importa o tipo de dados, é Array
Três maneiras de inicializar um array
var arr1 = new Array(); arr1[0] = 10; arr1[1] = 20; arr1[2] = 30; console.info(arr1);
var arr2 = new Array(10,'a',true); console.info(arr2);
var arr3 = [5,'b',falso]; console.info(arr3);
Matriz bidimensional
Os elementos da matriz são uma matriz.
Métodos comumente usados para matrizes:
Matemática Numérica
http://www.w3school.com.cn/jsref/jsref_obj_math.asp
Rodada matemática (x)
Arredondar para número inteiro
Math.floor(x)
Arredondamento
Math.random();
Retorna um número aleatório entre 0 e 1.
max(x,y) retorna o valor mais alto entre x e y. min(x,y) retorna o valor mais baixo entre x e y.
Classe de encapsulamento de número
var dados = 23,56789; alerta(dados.toFixed(2));//23.57
Converta um valor numérico em uma string e retenha um certo número de dígitos após a vírgula decimal
DataData
Expressão RegExpregular
Métodos comuns
RegExp.test(string)
Retorna verdadeiro se a string contiver texto que corresponda ao RegExp , caso contrário retorne falso
nulo e indefinido
nudefinido
Existe um objeto, mas não vale nada
nulo
Sem alvo
Função (como método java)
definição de função
Definido pela função de palavra-chave
As regras de definição de nomes de funções são consistentes com identificadores e diferenciam maiúsculas de minúsculas.
Você pode usar variáveis, constantes ou expressões como argumentos para chamadas de função
O valor de retorno deve usar return
função nome da função (parâmetro) { corpo funcional; valor de retorno de retorno; }
função sem parâmetros
funçãoabc(){ para(var i = 1;i<=5;i){ console.info(i); } }
função com parâmetros
função ele(a,b){ alerta(a b); }
Para funções com parâmetros, não adicione tipos de dados ao defini-los.
função com valor de retorno
objeto de parâmetro de argumentos
função ele(a,b){ alerta(a b); console.info(arguments.length); //Número de parâmetros console.info(argumentos[0]); //O valor de b }
argumentos.length obtém o número de listas de parâmetros argumentos[subscrito] obtém os parâmetros em uma determinada posição
função anônima
Uma função sem nome só pode ser executada desta vez (semelhante à classe interna anônima do Java)
função global
Eles são todos predefinidos e js os prepara para nós. Basta referenciá-lo diretamente com o nome do método.
comum
parseInt() | parseFloat()
isNaN() determina se contém caracteres
eval(): usado para converter operações em strings
codificarURI()
codificação
decodificarURI()
decodificação
Objeto DOM
Elementos são um mecanismo dentro do JavaScript que converte todos os elementos de uma página HTML em objetos. Este mecanismo é "DOM" Cada documento é um objeto de documento.
Como encontrar nós de elementos:
Obtenha o objeto exclusivo por meio do valor do id
document.getElementById (valor de identificação)
Obtenha vários objetos correspondentes por meio do valor do atributo name
document.getElementsByName (nome valor)
Obtenha vários objetos correspondentes por meio de nomes de tags
document.getElementsByTagName(nome da tag)
Caso: verificação de login
Caso: mudança de cor entrelaçada
Caso: Selecione todos os efeitos
Modifique o estilo do nó:
Formato: elemento object.style.css atributo name="valor do atributo";
Por exemplo: node.style.color = "vermelho"; node.style.fontSize = "10em"; Modifique vários estilos ao mesmo tempo: className = "class name";
Caso: atributos de classe
Nó de pesquisa hierárquica
Como há um nó em branco entre as tags div e p a serem analisadas, aparecerá #text, que pertence ao nó de texto. remover espaço em branco
Tipo de nó:
operação de seleção de elemento
objeto de elemento de tabela de tabela
Criar nó
excluir e substituir
excluir
substituir
Objeto do navegador BOM
objeto janela janela
alerta (mensagem de alerta)
Caixa de diálogo de prompt
confirmar (mensagem de alerta)
Seja caixa de diálogo, retorna tipo booleano
prompt(mensagem de prompt,[conteúdo])
caixa de diálogo de entrada
janela.fechar()
Fechar a janela atual do navegador
window.open (endereço da página da web aberta, nome da janela, [parâmetros])
Abra uma nova janela do navegador
parâmetro:
temporizador de janela
setTnterval(1,2); 1: Ações repetidas (funções) 2: Intervalo de tempo (milissegundos)
temporizador periódico
clearInterval(objeto temporizador)
Interromper tarefas agendadas
setTimeout(1,2) 1. Função a ser executada 2, intervalo (milissegundos)
Temporizador único, semelhante ao efeito de atraso
objeto de tela
largura da tela altura da tela
Obtenha a resolução da tela
objetos de vestígios históricos
história.go(num)
Voltar ao anterior
Se num for positivo, significa seguir em frente Se num for negativo, significa voltar
história.back()
Voltar à página anterior
objeto de localização
location.href=O destino do salto de página
Salto de página do caso
eventoevento
eventos de mouse
evento de clique do mouse
ao clicar
Evento de duplo clique do mouse
ondblclick
evento de passagem do mouse
passar o mouse
evento de saída do mouse
onmouseout
Eventos de teclado
evento de pressionamento do teclado
onkeydown
Evento de lançamento do teclado
onkeyup
evento de status
No foco
obter foco
desfocado
perder o foco
em mudança
Acionado na mudança
Caso: Efeitos em cascata provinciais e municipais
O mecanismo padrão para eventos
A sequência desencadeadora de eventos é de dentro para fora, que é o mecanismo de borbulhamento.
Se dois botões caírem juntos, ambos os cliques serão acionados por padrão.
Cancele o mecanismo de borbulhamento:
event.stopPropagation();
Choque elétrico do mouse coordenadas x e y
evento.chintX
evento.chintY
evento.target.nodeName
ocorrer alvo
Noções básicas de orientação a objetos
Três maneiras de criar objetos
usar objeto
Usar construtor
Use literais (objetos JSNO)
Objeto JSNO
Criar objeto jsno
Criar matriz jsno
objeto complexo json
Estrutura JQuery
Introdução
1. jquery é desenvolvido por js, então o próprio jquery é javascript
ambiente de desenvolvimento jquery-3.3.1.js jquery-3.3.1.min.js para ambiente de produção
Mudança de cor entrelaçada simples
<script src="js/jquery-3.3.1.js"></script> <roteiro> $(função(){ $("tr:ímpar").css("fundo","azul"); $("tr:mesmo").css("fundo","vermelho"); }); </script>
Seletor poderoso
seletor básico
seletor de tags
$("p")
seletor de identificação
$("#er")
seletor de classe
$(".si")
Seletor 1, Seletor 2. . .
$("#er,.si")
seletor de nível
seletor descendente
$("#d2p")
p1 p2
seletor descendente
$("#d2>p")
p1
irmãos vizinhos
$("#d2p")
próximo
todos os irmãos atrás
$("#d2~p")
Todos os p's depois
Seletor de filtro básico
primeiro elemento
$("p:primeiro")
último elemento
$("p:último")
Não contém elementos em not (filtragem)
$("p:não(.si)")
Elementos com subscritos ímpares
$("p:ímpar")
Elementos com subscritos pares
$("p:par")
Elementos com subscritos iguais
$("p:eq(2)")
elemento maior que subscrito
$("p:gt(2)")
Elementos menores que o subscrito
$("p:lt(2)")
Seletor de filtro de conteúdo
Conteúdo de consulta difuso O conteúdo do elemento contém todos os p elementos de is
$("p:contém(é)")
Selecione elementos com conteúdo vazio
$(":vazio")
seletor de visibilidade
(Segundos) Exibir o texto oculto do elemento p
$("p:oculto").show(1000);
seletor de formulário
:input seleciona todas as caixas de entrada :text seleciona todas as caixas de texto : senha seleciona todas as caixas de senha : rádio seleciona todos os botões de opção : caixa de seleção marque todas as caixas de seleção :submit seleciona todos os botões de envio : reset seleciona todos os botões de reset : botão seleciona todos os botões : arquivo seleciona todos os campos do arquivo : oculto seleciona todos os campos ocultos
seletor de atributos
Os atributos começam a conter xx
$("a[href^=xx]")
O final do atributo contém xx
$("a[href$=xx]")
O atributo contém xx
$("a[href*=xx]")
filtro de formulário
Selecione todos os elementos desativados
:desabilitado
Selecione todos os elementos disponíveis
:habilitado
Selecione os elementos selecionados
:verificado
Função de atributo:
Obtivermos
$("img").attr("título");
Obtenha o valor do atributo title de img
$("entrada").val();
Obtenha o valor da caixa de entrada
$("div").text();
Obtenha o conteúdo de texto simples dentro do div
$("div").html();
Obtenha todo o conteúdo na div (valor do texto da tag HTML)
configurar
$("img").attr("título","xxx");
Defina o valor do atributo title de img
$("entrada").val("xxxx");
Defina o valor da caixa de entrada
$("div").text("xxxx");
Defina o conteúdo de texto simples dentro da div
$("div").html("xxxx");
Defina todo o conteúdo dentro da div (valor do texto da tag HTML)
Remover
$("img").removeAttr("título");
Remova o valor do atributo title de img
função de estilo
$("p").addClass("estilo de classe");
Adicione estilos de classe aos elementos
$("p").removeClass("estilo de classe");
Remover estilo de classe do elemento
$("p").toggleClass("estilo de classe");
Mudar estilo (sim->não, não->sim)
$("p").css("atributo css")
Obtenha o valor do atributo css do elemento p
$("p").css("propriedade","valor")
Defina o valor do atributo css do elemento p
$("p").css({"largura": "150px",...});
Defina os valores de vários atributos CSS do elemento p (jsno)
$("div").largura()
Obtenha a largura do elemento
$("div").altura()
Obtenha a altura do elemento
$("div").largura(valor)
Definir a largura de um elemento
$("div").altura(valor)
Definir a altura de um elemento
A diferença entre h5 e h4
Declaração de documentação
Design de codificação de caracteres
Não diferencia maiúsculas de minúsculas
atributo booleano
Citações omitidas
tag final omitida