Hola.
Primero decirte que estas un poco perdido y estas confundiendo las funciones que tiene jquery.
Veamos, para empezar te recomiendo que te leas las especificaciones tecnicas sobre jquery en
www.jquery.com, esta muy bien explicado y tiene ejemplos, te aseguro que te sacara de muchas dudas.
Segundo conseguite una chuleta de jquery para tenerla siempre a al mano.
En cuanto a tus dudas te aclaro algunas de forma rapida.
Cita: 1. La primera tiene que ver con los métodos .html() y .load() para cargar mediante una peticion ajax en un div de una página inicial (inicio.html), el contenido de un archivo externo ( html o php), en éste caso (contenido.php).
a. Qué diferencias de fondo hay entre estos dos métodos y cual es mejor de ellos para cargar y mostrar el resultado?
b. Qué ventajas o desventajas tiene su uso y en qué casos se debe usar uno u otro método?
a. Son completamente diferentes ya que .html() inserta en el DOM codigo formateado en html, mientras que .load() realiza una peticion ajax de un contenido de un archivo especifico y lo inserta en el elemento asociado en formato .html().
b. .html() usalo para insertar en el DOM codigo y que reconosca de forma correcta los tags de html, .load() usalo para pedir un archivo mediante ajax.
Cita: 2. Si se requiere manipular el contenido resultante del div (la carga de contenido.php) mediante scripts específicos de jquery (como por ejemplo validar un formulario de contenido.php)...
a. En dónde se deben escribir estos scripts para que funcionen correctamente? en la página inicial(inicio.html) ? en la página a ser insertada(contenido.php)?
b. En que parte de la página es mejor insertar un script en la parte superior al interior del head del documento? al final de la página justo antes de la etiqueta </body>?
c. Si se utiliza un archivo único de scripts (scripts.js) el llamado de éste archivo (mediante include@ o src=) se debe hacer desde la página inicial? se debe hacer desde la página a cargar en el div? se debe hacer en ambas páginas?
a. Rapido y puntual, todas las formas son validas y correctas, ya que si no no funcionarian, pero a mi parecer lo mas optimo es tener todo tu javascript en lo posible separado en un archivo .js, para tener un mejor mantenimiento, tener el codigo limpio y no intrusivo y optimizar la velocidad de tu web. Este arvhico se lo debe llamar en el head de forma tradicional.
Cita: 3.Actualmente se recomienda centralizar los scripts del sitio WEB en un archivo externo tipo .js pero en el caso de páginas que van a ser eventualmente insertadas en divs es preferible colocar directamente el código jquery al interior de ellas? o bien sigue siendo recomendable colocarlo en el archivo externo tipo .js? máxime cuando su uso es eventual y se da sólo si el usuario lo requiere?
R.- Siempre en un archivo externo .js y recuerda usar live para que los elementos cargados por ajax o insertados en el DOM funcionen correctamente.
Cita: 4.Existe algún sistema para validad que un script de Jquery ha sido cargado totalmente y está disponible para su uso similar a los loaders que se usan para verificar la carga de imágenes o archivos .swf de flash?
Me ha sucedido haciendo pruebas en los 5 navegadores más usados, que a veces el código de las páginas a cargar en los div de la inicial, aparentemente no ha cargado en su totalidad cuando se hace una peticion ajax y no responde o no responde correctamente, aunque a la segunda petición del mismo en todos ellos han funcionado correctamente los scripts sin generar errores en las herramientas de validación.
R.- $( document ).ready(); hace lo que quieres, aunque si quieres ser mas riguroso usa $(window).ready.
Saludos.