Como usar o objeto ajax jquery para html5 e css3 programação
O objeto jQuery em AJAX é interessante porque é fácil criar a partir de uma variedade de elementos DOM para HTML5 e CSS3 programação, e porque acrescenta maravilhosos, novos recursos para esses elementos.
Conteúdo
Video: Simples Formulário Com HTML, jQuery, Ajax e PHP
Como alterar o estilo de um elemento
Se você pode mudar dinamicamente o CSS de um elemento, você pode fazer muito para ele. jQuery torna este processo muito fácil. Depois de ter um objeto jQuery, você pode usar o CSS () método para adicionar ou alterar quaisquer atributos CSS do objeto.
O código exibe uma concisão comum ao código jQuery:
styleElements.html Eu sou um nível um título
Eu sou um parágrafo com o id "myParagraph."
Eu tenho uma fronteira
Eu tenho uma borda também.
Você encontrará algumas coisas interessantes neste programa. Primeiro, dê uma olhada no HTML:
Ele contém um tag H1. Isso não é muito emocionante, mas você pode usá-lo para mostrar como alvo elementos por tipo DOM.
Video: Html5 e javascript - Barra de Progresso
Há um parágrafo com o ID myParagraph. Isto irá ser utilizado para ilustrar como alvo um elemento por ID.
Há dois elementos com a classe. Você não tem nenhuma maneira fácil no trabalho DOM comum para aplicar o código para todos os elementos de uma classe particular, mas jQuery torna mais fácil.
Vários elementos têm CSS personalizado, mas sem CSS é definido. O código jQuery muda o CSS dinamicamente.
o nisso() função é identificada como a função a ser executada quando o documento está pronto. Nesta função, o método CSS poderoso é usado para alterar CSS de cada elemento dinamicamente. Observe como os vários elementos são direcionados.
Como selecionar objetos jQuery
jQuery dá-lhe várias alternativas para a criação de objetos jQuery dos elementos DOM. Em geral, você usa as mesmas regras para selecionar objetos em jQuery como você faz em CSS:
Video: JQUERY + HTML + PHP = usando AJAX - Jquery Aula 4
DOM elementos são orientados, como é. Você pode incluir qualquer elemento DOM dentro do $ ( “”) mecanismo para atingir todos os elementos semelhantes. Por exemplo, usar $ ( “H1”) para se referir a todos os objetos H1 ou $ ( “P”)para se referir a todos os parágrafos.
Use o identificador para atingir um determinado ID. Isso funciona exatamente o mesmo que no CSS. Se você tem um elemento com o ID minha coisa, usar o código $ ( “MYTHing”).
Use o . identificador para atingir membros de uma classe. Novamente, isso é o mesmo mecanismo que você usa em CSS, então todos os elementos com a classe fronteira a elas associadas pode ser modificado com o código $ ( “Fronteira”).
Você ainda pode usar identificadores complexos. Você ainda pode usar identificadores CSS complexos como $ ( “Li img”). Este identificador alvo única imagens dentro de um item da lista.
Estes métodos de selecção (todos emprestado de notação CSS familiares) adiciona flexibilidade incrível ao seu código. Agora você pode facilmente selecionar elementos em seu código javascript de acordo com as mesmas regras que você usa para identificar os elementos em CSS.
Como modificar o estilo
Depois de ter identificado um objeto ou um conjunto de objetos, você pode aplicar métodos do jQuery. Um método muito poderoso e fácil é o método. A forma básica deste CSS () método tem dois parâmetros: a regra e valor estilo.
Video: JSON AJAX PHP MYSQL EXAMPLE
Por exemplo, para tornar a cor de toda H1 objetos fundo amarelo, utilize o seguinte código:
$ ("h1") Css ("cor de fundo", "amarelo") -Se você aplicar uma regra de estilo a uma coleção de objetos (como todos os objetos H1 ou todos os objetos com o fronteira classe), a mesma regra é imediatamente aplicada a todos os objetos.
A mais poderosa variação da regra de estilo existe que lhe permite aplicar vários estilos CSS ao mesmo tempo. É preciso um único objeto em notação JSON como seu argumento:
$ ("#myParagraph") Css ({"cor de fundo":"Preto","cor":"branco"}) -Este exemplo usa um objeto JSON definido como uma série de pares regra / valor.