Conozca las funciones principales de jQuery hoy.
jQuery(expresión,[contexto])
Esta función toma una cadena que contiene un selector CSS y usa esta cadena para hacer coincidir un conjunto de elementos.
Las funciones principales de jQuery se implementan a través de esta función. Todo en jQuery se basa en esta función o usa esta función de alguna manera. El uso más básico de esta función es pasarle una expresión (generalmente compuesta por un selector CSS) y luego encontrar todos los elementos coincidentes en función de esta expresión.
De forma predeterminada, si no se especifica el parámetro de contexto, $() buscará elementos DOM en el documento HTML actual; si se especifica el parámetro de contexto, como un conjunto de elementos DOM o un objeto jQuery, buscará en este contexto. (Extraído de jQuery API)
Sin más, veamos el ejemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http ://www.w3.org/1999/xhtml"><head><title>Hola mundo jQuery</title><style>.showtext{ fondo:#999999; color:#990000; peso de fuente:800; ancho :auto; altura:40px;}.showtext3{ fondo:#666; color:#0000FF; ancho de fuente:auto:30px;}</style><script type="text/javascript" src; ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; tamaño de fuente:18px; familia de fuentes:'新宋体'">¡Pruebas no intencionadas de JQuery!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Modificar el contenido a Hello World jQuery!" /> <input id="btnChange2" type="button" value="Modificar el contenido a probar JQuery involuntariamente!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("haga clic", función(evento) { $("#divMsg").html("¡Hola mundo jQuery!"); }); $("#btnChange2").bind("haga clic",función(evento){ $(" #divMsg").html("¡¡Probando JQuery sin querer!!");});</script> <h4>Por cierto, ¡permítanme presentarles a mi grupo senior de QQ 67221760 (grupo de negociación de acciones)! </h4> <div><p>¡Hoy llego tarde al trabajo! </p></div><div></div><div><p>Pero tienes que escribir el blog a tiempo</p></div><div><p>No importa si deduces tu salario</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() {//Coincide con todo el intervalo elementos, var showText= $("span"); //Agrega el atributo de clase a todos los elementos span showText.addClass("showtext"); //Hace coincidir todos los elementos que contienen p en el div var selectDiv=$("div p"); ); //asignación de contenido de showtext showText.text("¿Qué puedo hacer si el bus No. 93 no llega?"); //Agrega el atributo de clase al elemento selectdiv selectDiv.addClass("showtext3"); Seleccionar elementos a través de nombres de clases CSS var selectByClass=$ ("showtext2"); selectByClass.text("Permítanme decirles primero que me levanté muy temprano.");