Que tal chicos, como están, me ha ido bien aprendiendo diseño web y aplicando algunos efectos con javascript, ahora estoy usando jquery y de verdad me facilita mucho las cosas pero hay unas cosas que no entiendo, ojala puedan ayudarme para continuar. 
Mi primer duda es sobre document.ready de jquery, he leido que verifica que la estructura de la web esté lista para así aplicar los javascript.
Mi pregunta es que código javascript se coloca dentro de document.ready, cual es el código que necesariamente va allí y que no puede ir en una javascript externo que se enlaza a mi documento html.
Por ejemplo este código no lleva document.ready y esta utilizando la biblioteca de jquery a la que le ha
cambiado de nombre por jquery180.js
<html>
<head>
<style>
p { color:red; margin:5px; cursor:pointer; }
p.hilite { background:yellow; }
</style>
<script src="jquery180.js" type="text/javascript"></script>
<script src="codigo.js" type="text/javascript"></script>
</head>
<body>
<p>Ademar</p>
<script>
$("p").click(function () {
$(this).slideUp();
});
</script>
</body>
</html>
Este código funciona bien, pero cuando quiero pasar lo que esta entre <script></script> a un documento
javascript externo de nombre código.js para reutilizarlo, así:
==Esto esta en un documento codigo.js==
$("p").click(function()
{
$(this).slideUp(1000);
});
No funciona y mas bien tengo que primero hacer en el documento html:
<p class="ademar" onclick="ocultarp()";>Ademar</p>
y luego crear una función ocultarp() en el documento codigo.js así:
function ocultarp()
{
$('.ademar').slideUp();
}
Y alli recien funciona, esto me ha llevado a muchas confusiones entre onclick que utilizo en html y click de javascript ojala puedan ayudarme, por que con las hojas de estilo aprendí a reutilizar código, y en la mayoría de ejemplo que veo siempre escribe en codigo javascript dentro de el mismo documento html.
Gracias, espero sus respuestas por que he buscado info sobre esto y no he encontrado y estoy medio fustra.
