13 de março de 2009

O Chainability doce

Postado por: Mahbub Em: Métodos

Uma das melhores coisas sobre jQuery, é a habilidade de cadeia por quase todos os métodos de TI. Se "A capacidade da cadeia" soa hebraico, aqui vai uma pequena explicação o que é.

chain

Digamos que você tem um <div id="myDiv"> Lorem Ipsum </ div>

E você precisa fazer o seguinte

  1. Alterar a altura para 150px
  2. Mude a opacidade para 0,8
  3. Adicione uma classe chamada "pClass"
  4. E coloque o texto dentro do div como "Nós somos o mundo"

Então, o que você faria em circunstâncias normais? Você escrever quatro linhas de código. Como se você usar jQuery de maneira convencional, você provavelmente escrever

  1
 2
 3
 4
  ) . css ( "height" , "150px" ) ; $ ("# MyDiv") css ("altura", "150px").;
 ) . fadeTo ( 500 , 0.8 ) ; $ ("# MyDiv") fadeTo (500, 0,8).; 
 ) . addClass ( "pClass" ) ; . $ ("# MyDiv") addClass ("pClass"); 
 ) . text ( "We are the world" ) ; $ ("# MyDiv") texto ("Nós somos o mundo").; 

Mas se usar o método chaininig nós simplesmente escrever

  ) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("altura", "150px") fadeTo (500, 0,8) addClass ("pClass") texto ("Nós somos o mundo")..; 

Parece confuso? Acho que não. É legível a menos que você colocar um monte de métodos para um objeto que é muito improvável. Então esse é o encadeamento.

Por trás das telas, o encadeamento é simplesmente feito através da devolução do objeto itselft após a aplicação do método. É bem como a forma como usamos métodos em JavaScript Object como

  "Lorem Ipsum Dolor" ; var myString = "Lorem Ipsum Dolor"; 
  ( ) . substring ( 0 , 5 ) ; pString substring = myString toLowerCase () (0, 5)..; 

E este é um presente quando temos opções para fazer as coisas assim. Quem quer escrever mais código quando não está maneiras para torná-lo curto? Pelo menos eu não. Assim, quase todos os métodos

em jQuery tem esse chainability. Todos os métodos que a cadeia, retorna o objeto jQuery todo próprio de modo que métodos mais pode ser aplicada a ele.

Você pode ver o código acima correndo aqui .

11 de fevereiro de 2009

13 razões para usar o jQuery

Postado por: Mahbub Em: Diversos

Bem, tem havido muitos artigos sobre a WWW, que seria suficiente "Por que jQuery é a escolha". Para mim, é apenas preciso, bem estruturado, alta curva de aprendizado e fácil de usar. Quando eu estava no início da minha volta de graduação em 1999, não havia biblioteca para lidar com os problemas cross browser (Netscape usado para tornar a vida miserável para os programadores javascript). Então tivemos que escrever scripts mais longos para uma finalidade específica e lidar com os problemas cross browser. Thomas Brattli em dhtmlcentral deu alguns scripts muito bons em menus e algumas bibliotecas que usamos para implementar. Mas acima de tudo não havia biblioteca, bem que poderia fazer magias, uma biblioteca que você pode estender facilmente a maneira como você quer, algo se encontra com o padrão de programação real. A viagem para fazer javascript quadro começou muito cedo. Há um grande número de bibliotecas que começou a saber Mochikit, protótipo, mootools, dojo, etc Mas você deve usar jQuery para:

    1. Muito leve, pesa menos de 20k quando minimizado e compactado.
    2. Alta curva de aprendizado.
    3. Chainability Super. Quase Qualquer método jQuery retorna o objeto jQuery que permite que você coloque em métodos caudas um após o outro. .. como $ ("# div_one") css ("border", "1px solid # 000") fadeTo (300,0.5) slideUp (300).;
    4. Pode ser utilizado com outras bibliotecas como mootools usando noConflict ().
    5. Fácil de escrever plugins.
    6. Código torna-se curto, doce e fácil de entender.
    7. Você não tem que ser um nerd Javascript top escrever códigos jQuery.
    8. IMPORTANTE: o apoio da comunidade vasta e contribuições.
    9. Usado por grandes aplicações de código aberto como Drupal, WordPress.
    10. Microsoft escolheu jQuery para usá-lo com suas aplicações. (Pode ser um bom ponto de alguns fãs MS ;) )
    11. Muito fácil de brincar com DOM. Lote de construído em métodos integrados. Seletores DOM são muito untuitive.
    12. Suporta seletores XPath.
    13. Muito fácil built-in utilitários AJAX. (Deixe-me um e-mail se alguém precisa saber como isso é fácil).

      Ok .. o suficiente para agora. A lista poderia continuar muito longo.

      Mais em breve.

      30 de agosto de 2008

      JQuery site obteve um novo visual

      Postado por: Mahbub Em: Diversos

      Então depois de tudo jQuery mudou olhar seu site e sentir. No início era uma espécie de interface de nerd e um pouco chato. O novo visual é muito profissional.

      JQuery-O Write Less, Do More, JavaScript Library_1220178506276

      No dia do lançamento novo visual, houve uma tag-line dizendo: "Torne-se um Javascript Rock Star" com um desenho animado. Mas os usuários da comunidade parecia ter não gostaram muito e depois de mais comentários e mais negativa Leia o resto desta entrada »

      28 de agosto de 2008

      Introdução ao jQuery

      Postado por: Mahbub In: Introdução

      Eu suponho que nós sabemos o que é jQuery. Bem, para empurrá-lo para cima ", jQuery é uma biblioteca javascript que torna nossa vida mais fácil" . Eu gosto de definir dessa maneira. Ok, agora neste post, eu vou te mostrar como fazer as coisas começaram a jQuery. Como você pode ler este blog, é óbvio que você tem uma conexão com a Internet e, claro, você está usando um navegador. Então vamos tentar um pedaço de código antes de fazer o longo post. Antes disso vamos ver o que precisamos para que

      • Biblioteca jQuery (download a partir http://jqueryjs.googlecode.com/files/jquery-1.2.6.js ) Esta é a versão atual quando eu estou escrevendo o post.
      • Um navegador moderno (IE 6.0 +, FF 2 +, Safari 2.0 +, Opera 9.0 +) com JavaScript habilitado.
      • E um editor de texto (meu Fav é notepad + +)

      Acho que todos nós sabemos como é que uma página básica html aparência. Tínhamos acabado de executar um simples pedaço de código adicionando biblioteca jQuery
      Agora, basta copiar e colar o código acima e salve-o chamando de "jquery-teste.html". Leia o resto desta entrada »

      20 de agosto de 2008

      Magia começa jQuery

      Postado por: Mahbub Em: Diversos

      Magia jQuery destina-se a mostrar alguns tutoriais, trechos ou dicas e truques que geralmente não é disponível com o site oficial jQuery mesmo no site de plugins. Chamamos essas magias porque jQuery em si é cheio de magias, as coisas que você nunca imaginou ser possível com alguns pedacinho de códigos.
      Vou tentar mostrar as dicas e truques para os níveis iniciante, intermediário e avançado. Eu também irá acolher autores interessados ​​que queiram contribuir para este site com as suas dicas e truques.
      Tags:

      Tradutor

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

      Etiquetas