problemas con los eventos jquery al usar ajax

[itnas87]

Muchas gracias por esta solución pero debido a mi reciente conocimientos me ha creado una duda que son las siguientes

Estas tres forma de que jquery lea el documento para hacer las diferente instrucciones son iguales o hay alguna diferencia entre ellas.

Código Javascript:

$(document).on("ready",function(){
                // aqui instrucciones
        });
    $(document).ready(function(){
                // aqui instrucciones
        });
    $(function(){
                // aqui instrucciones
        });
 

he leido que a un mismo se le puede asignar diferente funciones a distintos eventos, esto es lo que teniamos.

Código Javascript:

$("div.qbox").on("click","img.crr",function(){
        $("div.qbox").hide();
    });
 

ESTE SERA DICHA ESTRUTURA PARA HACER UNA FUNCION POR EVENTO

Código Javascript:

$("div.qbox").on({
        click: function(){
            $("div.qbox").hide();
        },
    });
 

me gustaria saber como se puede hacer dicha estructura puesto que e probado por probar pero siguiendo la estructura pero ninguna me a funcionado:

Código Javascript:

$("div.qbox").on("img.crr",{
        click: function(){
            $("div.qbox").hide();
        },
        mouseover: function(){
            // otra instruccion de cabiar de imagen
        }
    });
 
    $("div.qbox").on("click mouseover","img.crr",{
        click: function(){
            $("div.qbox").hide();
        },
        mouseover: function(){
            // otra instruccion de cabiar de imagen
        }
    });