/nardy

API estilo jQuery

Primary LanguageJavaScript

Build Status

Nardy.js

API estilo jQuery.

Instalação

Instalando manualmente:

<script src='nardy.min.js'></script>

Instalando via bower:

bower install nardy

Ainda não diponível.

Usando a API com RequireJS

define(['nardy'], function(Nardy) {
	Nardy.$(element).text('RequireJS');
});

Documentação

Seletores e métodos

  1. $ : Seletor de elementos.
Nardy.$(elemento)
  1. append : cria um elemento
Nardy.$(element).append(elemento)
  1. text : adição de texto em um elemento
Nardy.$(element).text('texto')
  1. attr : alterar alguma propriedade de um elemento
Nardy.$(element).attr('attr', value)
  1. val : pega o valor de um elemento

Setar o valor no atribudo value do elemento:

Nardy.$('element').val('texto')

Pegar o valor do atributo value do element: Nardy.$('element').val()

  1. click : funcionalidade de clicar em um elemento
Nardy.$(elemento).click(function() {
	/* ação após o click */
})
  1. change : funcionalidade de change do elemento select
Nardy.$(elemento).change(function() {
	/* ação após change */
})
  1. each : percorrer uma lista de objetos
Nardy.each(lista, function(i, item) {
	/* ação ao percorrer a lista */
})
  1. selected : recupera o texto do select selecionado
Nardy.$(elemento).selected()
  1. empty : limpar um elemento
Nardy.$(elemento).empty()
  1. addClass : adiconar estilo ao elemento
Nardy.$(elemento).addClass('estilo')

Chamadas Ajax

  1. Http POST

  2. Http GET

  3. Generico

Opções

  • Error
  • Sucesso
  • Antes do envio
  • Depois do Envio

Encadeamento

Alguns dos métodos informados acima aceitam encadeamento, ou seja, consigo chamar um método após o outro.

Exemplo:

Nardy.$(elemento).text('texto').addClass('estilo');

Os elementos que suportam encadeamento são:

  • $
  • append
  • text
  • attr

Referências

http://code.tutsplus.com/tutorials/from-jquery-to-javascript-a-reference--net-23703

http://sharedfil.es/js-48hIfQE4XK.html

http://code.tutsplus.com/articles/the-beginners-guide-to-type-coercion-a-practical-example--cms-21998