Se você é novo para jQuery, bem como JavaScript, como tal, alguns conceitos pode ser novo para você. Uma coisa é a idéia de encadeamento.
Você pode pensar no encadeamento como uma lista de ações executar um após o outro, mas em vez de lançá-los separadamente eles se relacionam com as ações anteriores resultar.
Vamos dar este código, por exemplo:
Título conteúdo
Vamos adicionar um evento para o tag de cabeçalho
$ ('# h2 outerContainer'. ) .click (function () {
//Executar alguma ação});Isto significa que quando alguém clica no cabeçalho da função acima será chamado
$ ('. #outerContainer h2 ') clique (function (). {var parentContainer = $ (this) .parent ();});Nós começamos de criando um objeto jQuery usando isso para definir nosso contexto como o cabeçalho (H2). Isto é seguido pela função pai jQuery () que move o contexto para o elemento #outerContainer. Uma referência para o que acaba sendo atribuído à variável parentContainer.
$ ('# outerContainer h2').Click (function () {
$ (this .parent) ( ) .addClass ('clicado') filhos ('p') esconder ();..});O código acima adicionar uma classe 'clicou' para o #outerContainer e depois encontrar todas as crianças parágrafos que Em seguida, ele iria esconder. Tudo isso em uma cadeia de ações.
Como você pode ver, seguindo as cores na ilustração do contexto das ações na cadeia pode ser afetada por certas ações.
Você pode dividir as ações em dois tipos: aqueles que executam operações em um objeto (aqui: AddClass (), ou ocultar ()) e aqueles que movem seu contexto para um objeto diferente (aqui: pai (), ou crianças ()) .
Para explicar isso ainda mais, esta é a forma como a cadeia poderia ser expandido:.
função de $ ("# outerContainer h2 ') clique em (() {$ (this) .parent () addClass ('clicado');.$ (this) .parent () crianças («P») hide ();..
});No entanto, o acima, obviamente, significa uma lookup desnecessário como nós localizar o #outerContainer duas vezes
$ ('# outerContainer h2') clique (function () {var parentContainer = $ (this) .parent ();..parentContainer .addClass ('clicado');parentContainer.children ('p') hide ();.
});Agora, isso é muito melhor desempenho sábio, no entanto, você pode facilmente ver como pode acorrentar acções de ajuda de grupos em grupos lógicos e economizar e
Como projetar um blog útil Template
- A melhor maneira de garantir o seu Rehab Imóveis Investir Success
- 5 Easy Dicas para o tráfego do site
- Pare seu dia Crying
- A Transformação De que torna o seu negócio melhor do que antes Development
- Benefícios do CSS em web design
- A Lei da Expectation
- Como reforçar o seu Web pages & amp; amp; !.
Navegador-Games com alguns Scripts…
- Escolhendo o direito de Web Designer deve ser Easy
- O envio de formulário Web conjunto de dados por e-mail Com Activeperl
- O que são as opções para receber o pagamento on-line através do meu site Eco…