event - keycode jquery

Reemplazar "$"(signo de dólar) con "JQuery"

Question

El primer fragmento no funcionaba. Sin embargo, comienza a funcionar cuando se reemplaza todo $ (signo de dólar) con jQuery (Consulte el segundo fragmento). Pero realmente no entiendo por qué? ¿Puede alguien explicarme esto? ¡Muchas gracias!

1st Snippet

jQuery.noConflict();
               $(document).ready(function(){    
                    $("#insideTable > tbody > tr:odd").addClass("odd");
                    $("#insideTable > tbody > tr:not(.odd)").hide();
                    $("#insideTable > tbody > tr:odd").show();
                    $("#insideTable > tbody > tr.odd").click(function(){
                        $(this).next().toggle();
                        $(this).find(".arrow").toggleClass("up");
                    });

                });

2nd Snippet

        jQuery.noConflict();
        jQuery(document).ready(function(){

                jQuery("#insideTable > tbody > tr:odd").addClass("odd");
                jQuery("#insideTable > tbody > tr:not(.odd)").hide();
                jQuery("#insideTable > tbody > tr:odd").show();
                jQuery("#insideTable > tbody > tr.odd").click(function(){
                    jQuery(this).next().toggle();
                    jQuery(this).find(".arrow").toggleClass("up");
                });

            });

Answer 1

Al llamar a noConflict () se elimina la asociación entre $ y la función jQuery. Esto es para que pueda usar otra biblioteca de JavaScript que también se acorta a $ sin conflictos.

Answer 2

Esto se debe a que jQuery.noConflict() "libera" que "$" no se asocie con jQuery. Normalmente en su código puede usar $ como reemplazo de "jQuery". Si usa noConflict() ya no puede hacer eso y debe reemplazar cada "$" por "jQuery"; .

Muchas bibliotecas de JavaScript usan $ como una función o nombre de variable, al igual que jQuery. En el caso de jQuery, $ es solo un alias para jQuery, por lo que toda la funcionalidad está disponible sin usar $. Si necesitamos usar otra biblioteca de JavaScript junto con jQuery, podemos devolver el control de $ a la otra biblioteca con una llamada a $ .noConflict ():

también puedes crear un alias totalmente nuevo para usar

var myJqueryAlias = jQuery.noConflict();
myJqueryAlias(document).ready(function(){

        myJqueryAlias("#insideTable > tbody > tr:odd").addClass("odd");
        myJqueryAlias("#insideTable > tbody > tr:not(.odd)").hide();
        myJqueryAlias("#insideTable > tbody > tr:odd").show();
        myJqueryAlias("#insideTable > tbody > tr.odd").click(function(){
            myJqueryAlias(this).next().toggle();
            myJqueryAlias(this).find(".arrow").toggleClass("up");
        });

    });