What is the meaning of "*" in magento custom jQuery

Question

I have a code of jQuery:

    <script type="text/x-magento-init">
        {
            "*": {
                "magepowSizeGuide":{}
            }
        }
    </script>

What can be the meaning of * ?

Is this mean that this jQuery will work on all HTML element ?

Answer 1

I give you understanding through following example:

<script type="text/x-magento-init">
    {
        "*": {
            "Pulsestorm_JavascriptInitTutorial/example":{"config":"value"}
        }
    }        
</script>

The * we used previously is actually a special case, for programs that don’t need to operate on DOM nodes. The key for this object is actually a CSS/jQuery style selector that tells Magento which DOM nodes the program in Pulsestorm_JavascriptInitTutorial/example should operate on.

One of very good reference article: https://alanstorm.com/magento_2_javascript_init_scripts/

I hope this will help

Answer 2

"*" Is used to determine that you are using a new module in require js; if you want to add a file to the existing module, you will need to specify the name of the module instead of *.