jQuery+Functions

=Funciones jQuery=

$.//funcion//
Para llamar una función //(utility functions//) se puede hacer de dos maneras
 * $.funcion(...)
 * jQuery.funcion(...)

$ o jQuery significa que se está interactuando con funciones jQuery > code var $j = jQuery.noConflict; code
 * es posible cambiar este prefijo '$' para que no haya conflicto de nombres con otras librerías. Por ejemplo, para que se use $j en vez de $

code var trimmed = $.trim(someString); code
 * Ejemplos**

//Se suelen usar funciones después de haber hecho una selección:// =Métodos a aplicar a un elemento seleccionado=
 * $(selector).**addClass**("nuevaclase"); añade una clase a un tag
 * $(selector).**after**("texto"); igual que el 'append' pero añade después del tag
 * $(selector).**append**("texto"); igual que el 'html' pero añade después de lo que hay en el tag(ver prepend)
 * $(selector).**attr**("atributo"): muestra el atributo del elemento.
 * $(selector).**attr**('class','nombreclas') cambia el nombre de una clase para el tag (sirve para cualquier atributo)
 * $(selector).**attr**( {attr1: '...'. attr2: '...'} ) cambia los atributos (width, height) de un elemento. Pero si se aplica a 'class' da error en IE9
 * $(selector).**before**("texto"); igual que el 'prepend' pero añade antes del tag
 * $(selector).**click**(function {...}) ejecuta la función con el evento click
 * $(selector).**css**({'background-color': 'Beige', 'color': 'Red' }) change style
 * $(selector).**dblclick**(function {...}) ejecuta la función con el evento doble click
 * $(selector).**empty**: vacía el texto html del tag (es como html(""))
 * $(selector).**focus**; pone el foco en ese tag
 * $(selector).**get**(0).**selectedIndex** = 0; posiciona un dropdown list a la primera selección
 * $(selector).**hide**; esconde el tag (opuesto a //show//). hace en css un display: none
 * $(selector).**html**: obtiene el texto html del tag
 * $(selector).**html**("texto"); pone texto al tag, incluido html
 * $(selector).**insertAfter**("...html.."); inserta html despues de un tag
 * $(selector).**load**("fichero.txt"): pone en el tag seleccionado el texto del fichero (puede ser txt o html)
 * $(selector).**prepend**("texto"); igual que el 'html' pero añade antes de lo que hay en el tag (ver append)
 * $(selector).**remove(**): quita todo el tag
 * $(selector).**removeAttr**('attr1'): quita un atributo al tag
 * $(selector).**removeClass**("antiguaclase"); elimina una clase de un tag
 * $(selector).show: muestra el tag (opuesto a //hide//)
 * $(selector).**text**; obtiene el contenido solo texto de un tag (sin html)
 * $(selector).**text**(texto);añade el contenido solo texto de un tag (sin html)
 * $(selector).**val**: obtiene el valor de un input box o de una seleccion de combo
 * $(selector)**.val.length**: obtiene la longitud del contenido de un input box
 * $(selector).**val**("valor"): pone el valor de un input box

Ejemplos
ejemplo básico para ver que funciona el jquery

code <!DOCTYPE html>  

$(document).ready(function{       alert("JQuery OK");        }) function saludar{ //JS: var nombre = document.getElementById('campoNombre').value var nombre = $('#campoNombre').val; alert("Hola " + nombre); } Escribe tu nombre:   code
 * al iniciar la pagina debe salir la alerta 'JQuery OK'
 * al pulsar al botón, debe salir la alerta 'Hola //nombre//'

Poner texto en unos div. Primero hardcoded, después tomado de un fichero de texto. Estos textos se cargan dinámicamente después de haberse cargado la página. code format="html4strict"  $(document).ready(function {        $('#ajaxDiv').html("new text");        $("#ajaxDiv2").load("TextFile.txt");    });

code