Imitar selectores de jquery

[AlejandroMtzRmz]

Como puedo imitar los selectores de jquery? para poder seleccionar por id, class, tagname y los selectores avanzados (seleccionar varios elementos a la vez) ? Lo mas que pude lograr fue seleccionar por id de la siguiente manera:

Código Javascript:

var $ = function(selector){
 
if(/^#/.test(selector)){ //revisa si comienza con #
 
selector = selector.replace("#",""); //elimina el caracter #
selector = document.getElementById(selector); //devuelve el objeto
 
}
 
return selector; //devuelve el siguiente codigo: document.getElementById(selector);
};
 

Con ese codigo ya puedo seleccionar del modo $('#id') pero no creo que me sirva para hacer selectores avanzados, etc. alguna idea?

[zerokilled]

buenas...

aunque no lo he hecho, seguramente lo que hace jquery es analizar el string como si fuese un parser de css. es decir, tienes una sintaxis la analizas segun los token que se le pasa. tienes que identificar varias partes de la sintaxis: separacion de tokens (la coma), selector por clases (el punto), selector por elemento (secuencia de caracteres alfanumericos), selector por id (el simbolo #), y asi sucesivamente analizas el script. por cierto, con la llegada de html5 se ha creado el modulo selector api el cual es practicamente eso mismo. solo que no todos los navegadores lo implementan.

[masterpuppet]

Que tal AlejandroMtzRmz,

Te comento que podes utilizar el selector engine standalone, por si te interesa.

jQuery - Sizzle
Mootools - Slick

Saludos.

[InKarC]

Ansio el momento en que hagas .nextUntil() y .bind() y nos compartas el codigo.

[AlejandroMtzRmz]

zerokilled, crees que esto se haga usando expresiones regulares? o existe alguna otra manera de analizar y separar el contenido de un string?

[zerokilled]

es mas facil con expresiones regulares porque de otro modo el codigo podria ser extenso o redundante.

[AlejandroMtzRmz]

ok, pero no se de que manrea separar el contenido de un string, por ejemplo si mi cadena de texto es "uno,dos,tres,equis" como obtengo "uno" para poder modificarlo y controlarlo a mi gusto, lo mismo con dos, tres...?

[zerokilled]

yo comenzaria por dividir la cadena con split, especificamente por la secuencia de coma y espacio. ¿por que por ahi? porque en la sintaxis css la coma se utiliza para agrupar selectores.

[_cronos2]

Igual sólo me lo parece a mí pero me parece que es un asunto interesante para crear otro reto JS, o incluso una colaboración entre todos y conseguir el CSS Selector de FDW ¿Alguien lo piensa también?
Saludos (:

[Panino5001]

Aquí una muy buena implementación: http://jamesdonaghue.com/?p=40

[InKarC]

Ansio el momento en que hagas .nextUntil() y .bind() y nos compartas el codigo.

A lo que alguien me contesto:

Ironía innecesaria y además, muy torpe, ya que es trivial emular esos métodos.

Falso; imitar el comportamiento de .bind me parece supremamente interesante y educativo ya que este 'administra' todos los posibles eventos javascript e incluso eventos personalizados.

Iniciado por Panino5001

Aquí una muy buena implementación: http://jamesdonaghue.com/?p=40

Aclaremos algo; la persona que creo el tema claramente no tenia mucha idea de como hacer para que su selector llegara a los niveles que el deseaba, y ademas conozco que un selector es algo de vasta complejidad por lo que me referí con "ironia" a su intento; por que no se trata solo de re-inventar la rueda; se trata de re-inventarla mal hecha. Capacidades tecnicas que claramente si tienen las persona que desarrollo el proyecto mencionado por "Panino5001"; como se pueden ver en su codigo: http://jamesdonaghue.com/static/peppy/peppy.js

[_cronos2]

Iniciado por InKarC

por que no se trata solo de re-inventar la rueda; se trata de re-inventarla mal hecha. Capacidades tecnicas que claramente si tienen las persona que desarrollo el proyecto mencionado por "Panino5001"; como se pueden ver en su codigo

Me prometí a mí mismo que no te iba a volver a contestar pero no puedo resistirme.
Creo sinceramente que su objetivo principal no es reinventar la rueda, sino aprender cómo funciona. Además, no veo que podría tener de malo reinventarla. Si todo el mundo programara exactamente igual, tal como está establecido en ese momento, quizás seguiríamos usando tablas para maquetar, o usando variables globales a diestro y siniestro, la rueda siempre se puede mejorar. Es más, poniendo un ejemplo más literal, si no se hubiera reinventado la rueda seguiríamos usándolas de madera o incluso de piedra, en vez de neumáticos.
Saludos.

[InKarC]

Iniciado por _cronos2

Me prometí a mí mismo que no te iba a volver a contestar pero no puedo resistirme.
Creo sinceramente que su objetivo principal no es reinventar la rueda, sino aprender cómo funciona. Además, no veo que podría tener de malo reinventarla. Si todo el mundo programara exactamente igual, tal como está establecido en ese momento, quizás seguiríamos usando tablas para maquetar, o usando variables globales a diestro y siniestro, la rueda siempre se puede mejorar. Es más, poniendo un ejemplo más literal, si no se hubiera reinventado la rueda seguiríamos usándolas de madera o incluso de piedra, en vez de neumáticos.
Saludos.

Creo que diferimos en la definicion de la palabra "reinventar"

Todos los que "reinventaron" la rueda tuvieron que estudiar como fueron hechos los modelos previos a estas para llegar a mejorarla en algun sentido. O sea, ellos no la reinventaron desde zero y con escasos conocimientos; ellos ya sabian como funcionaba una rueda de madera y sus pros y contras antes de inventarse un modelo mejor.

Aqui es como si alguien quisiera reinventarse la rueda y no supiera ni una gota de fisica; que es muy diferente a alguien que quiera reinventarse la rueda y tenga un doctorado en Aerodinamica Industrial.

[AlejandroMtzRmz]

El tema no es si se reinventa la rueda o no, o si se reinventa bien, el tema es COMO IMITAR LOS SELECTORES DE JQUERY

[Panino5001]

Iniciado por InKarC

A lo que alguien me contesto:
Falso; imitar el comportamiento de .bind me parece supremamente interesante y educativo ya que este 'administra' todos los posibles eventos javascript e incluso eventos personalizados.

Estás sobrestimando a bind, que hace lo mismo que los métodos nativos call y apply. No tiene que ver necesariamente con la "administración" de eventos (aunque pueda usarse con manejadores de eventos), sino con hacer que una función se comporte como método de un objeto. En este foro se trató varias veces el tema bind e incluso se propusieron prototipos para agregarlo al objeto Function. Siempre que se sepa lo que se hace, está bien usarlo e incluso permite corregir algunos patrones de fugas de memoria. No obstante eso, yo no lo agregaría a un framework propio porque no le encuentro utilidad: no me ahorra tiempo de escritura de código y no le veo ventajas reales sobre call y apply (en realidad lo veo más como un muleta para ayudar a caminar a usuarios propensos a confundir los scopes que a algo verdaderamente útil, pero es sólo mi opinión y seguramente será cuestionable).

[zerokilled]

Iniciado por InKarC

Ansio el momento en que hagas .nextUntil() y .bind() y nos compartas el codigo.

yo no veo como bind aplica en este tema que trata de selectores. y lo mismo con nextUntil que tiene un proposito totalmente distinto. por otro lado, ¿por que estas tan ansioso? ¿no sabes hacerlo? no es un reto... pero en serio, no entiendo tu argumento.

[masterpuppet]

Iniciado por Panino5001

No obstante eso, yo no lo agregaría a un framework propio porque no le encuentro utilidad: no me ahorra tiempo de escritura de código y no le veo ventajas reales sobre call y apply (en realidad lo veo más como un muleta para ayudar a caminar a usuarios propensos a confundir los scopes que a algo verdaderamente útil, pero es sólo mi opinión y seguramente será cuestionable).

Pues yo no estoy de acuerdo, en un lenguaje con las características de javascript, me parece algo muy útil, incluso esta definido en la especificación ECMAScript(5th edition) y FF 4 ya lo soporta de forma nativa, pero bueno como tu bien dices, esta es tan solo mi opinión.

Saludos.

[Panino5001]

Iniciado por masterpuppet

Pues yo no estoy de acuerdo, en un lenguaje con las características de javascript, me parece algo muy útil, incluso esta definido en la especificación ECMAScript(5th edition) y FF 4 ya lo soporta de forma nativa, pero bueno como tu bien dices, esta es tan solo mi opinión.

Saludos.

Sí, lo vi en la especificación. No obstante eso , seguiré pensando lo mismo hasta ver una ventaja real, más allá del chaining.

[InKarC]

$(".seleccion").bind("focus keyup keydown keypress", function(){
check()
})

y colocando esto ya se le quita el evento a todos los objetos (menos a #boton)

$(".seleccion").not("#boton").unbind()

Esto es una superventaja ultra-real.

[AlejandroMtzRmz]

Ahora si, quien dijo que no se podia?

Código Javascript:

var $ = function(selector, el) {
     if (!el) {el = document;}
     return el.querySelector(selector);
}
 
var $ = function(selector, el) {
     if (!el) {el = document;}
     return el.querySelectorAll(selector);
}
 

[Panino5001]

Ojo, que si la vida fuera tan fácil no habría gente creando motores de selectores o mejorando los existentes: http://www.dustindiaz.com/qwery
El problema es que el soporte de querySelector y querySelectorAll no está tan extendido como sería deseable

[_cronos2]

Iniciado por Panino5001

El problema es que el soporte de querySelector y querySelectorAll no está tan extendido como sería deseable

Creo que en IE es a partir del 8 , no sé en otros.
Saludos (:

[AlejandroMtzRmz]

Ups en la segunda variable del codigo era doble el simbolo $...

Ojo, que si la vida fuera tan fácil no habría gente creando motores de selectores o mejorando los existentes...

Estoy de acuerdo, pero es algo, no es lo mismo que jquery pero almenos me funciona como lo necesito