SlideShare ist ein Scribd-Unternehmen logo
1 von 18
jQuerytips&tricks Janko Jovanović
Ne volite JavaScript i koristiteupdate panele i Ajax control toolkit?
jQuery je drugačiji ,[object Object]
 Brzina
 Cross browser kompatibilnost
 Plugin-ovi
Support
Fenomenalan community,[object Object]
Intellisense za Visual Studio 2008
Jednostavan?
<script type="text/javascript“ src=“jquery.js"> </script>
Load ili Ready? $(document).ready(function(){ alert(“Brži sam od load!”); });
<div> <imgsrc=“logo.png” alt=“Logo” /> <a href=“#” target=“_blank”>Link</a> <p>Loremipsum, itd…</p> 	<a href=“#” target=“_blank”>Još jedan link</a> </div> <div> <imgsrc=“logo.png” alt=“Logo” /> <a href=“#”>Link</a> <p>Loremipsum, itd…</p> 	<a href=“#”>Još jedan link</a> </div> Pronađi sve linkove Podesi da se linkovi otvaraju u novom prozoru
Kako? $(“a”).attr(“target”, “_blank”); Pronađi (CSS selektor) Uradi nešto (metode) Selektor$(“a”)vraća jQuery objekat koji sadrži listu svih pronađenih elemenata <a href=“#”>Link</a> <a href=“#”>Još jedan</a>
Chaining $(“div”).addClass(“new”)              .append(“<p></p>”)                     .css(“color”,”#fff”)     .hide(400) .click(function(){ alert(“OK!”);     });
$(“#container”) Vraća element sa ID-jem “container” $(“li:first”) Vraća prvi listitem u nizu $(“table tr:odd”) Vraća sve neparne redove u tabeli $(“input[type=text]”) Vraća sve “TextBox” elemente Šta god poželite da nađete
Manipulacija .before() .after() .append() Atributi .css() .attr() .val() .html() Događaji .click() .focus() .toggle() “Traversing” .find() .next() .children() Šta god poželite da uradite
Ajax, praviajax $(document).ready(function(){     $.ajax({ type: "POST",  url:"Default.aspx/GetClient",               data: "{‘id’:’17’}",  contentType: "application/json”;  dataType:"json",             success:function(msg){ // Uradi nešto sa rezultatom             },             error: function(msg) { // prikaži poruku             }    });  });

Weitere ähnliche Inhalte

Andere mochten auch

Semana del 2 6 de septiembre
Semana del 2 6 de septiembreSemana del 2 6 de septiembre
Semana del 2 6 de septiembreEdgardo Rivera
 
Mi publicacion
Mi publicacionMi publicacion
Mi publicacionflaka20
 
Power point
Power   pointPower   point
Power point980310
 
Alos Mayores de 40
Alos Mayores de 40Alos Mayores de 40
Alos Mayores de 40HINOJOSOS
 
Mapa conceptual apache y iis
Mapa conceptual apache y iisMapa conceptual apache y iis
Mapa conceptual apache y iismarbelys
 
Altavoces estudio krk g3
Altavoces estudio krk g3Altavoces estudio krk g3
Altavoces estudio krk g3www.Djmania.es
 
IBM: best place to work?
IBM: best place to work?IBM: best place to work?
IBM: best place to work?unioninf
 
Invitación feria-ceibal-paysandú-2013
Invitación feria-ceibal-paysandú-2013Invitación feria-ceibal-paysandú-2013
Invitación feria-ceibal-paysandú-2013ctepay
 
Taller de Capacitación "Gestión de la Innovación"
Taller de Capacitación "Gestión de la Innovación"Taller de Capacitación "Gestión de la Innovación"
Taller de Capacitación "Gestión de la Innovación"TasoCluster.net
 
Polígonos estudiantes
Polígonos estudiantesPolígonos estudiantes
Polígonos estudiantesAugusto
 
Tarjeta de invitacion
Tarjeta de invitacionTarjeta de invitacion
Tarjeta de invitacionangiebarreram
 
Grafico diario del dax perfomance index para el 03 09-2013
Grafico diario del dax perfomance index para el 03 09-2013Grafico diario del dax perfomance index para el 03 09-2013
Grafico diario del dax perfomance index para el 03 09-2013Experiencia Trading
 
Presenta Exp U Ea D 11 02 2010 O Miratia Final F
Presenta Exp U Ea D 11 02 2010 O Miratia Final FPresenta Exp U Ea D 11 02 2010 O Miratia Final F
Presenta Exp U Ea D 11 02 2010 O Miratia Final FOmar Miratía
 
Compativilidad y requerimiento
Compativilidad y requerimientoCompativilidad y requerimiento
Compativilidad y requerimientoLauraNPM
 
Reflexion equipo 5
Reflexion equipo 5Reflexion equipo 5
Reflexion equipo 5theblak22
 

Andere mochten auch (18)

Semana del 2 6 de septiembre
Semana del 2 6 de septiembreSemana del 2 6 de septiembre
Semana del 2 6 de septiembre
 
Invitación
InvitaciónInvitación
Invitación
 
Mi publicacion
Mi publicacionMi publicacion
Mi publicacion
 
Power point
Power   pointPower   point
Power point
 
Alos Mayores de 40
Alos Mayores de 40Alos Mayores de 40
Alos Mayores de 40
 
Mapa conceptual apache y iis
Mapa conceptual apache y iisMapa conceptual apache y iis
Mapa conceptual apache y iis
 
Altavoces estudio krk g3
Altavoces estudio krk g3Altavoces estudio krk g3
Altavoces estudio krk g3
 
IBM: best place to work?
IBM: best place to work?IBM: best place to work?
IBM: best place to work?
 
Invitación feria-ceibal-paysandú-2013
Invitación feria-ceibal-paysandú-2013Invitación feria-ceibal-paysandú-2013
Invitación feria-ceibal-paysandú-2013
 
Practica editor de formulas
Practica editor de formulasPractica editor de formulas
Practica editor de formulas
 
Taller de Capacitación "Gestión de la Innovación"
Taller de Capacitación "Gestión de la Innovación"Taller de Capacitación "Gestión de la Innovación"
Taller de Capacitación "Gestión de la Innovación"
 
Polígonos estudiantes
Polígonos estudiantesPolígonos estudiantes
Polígonos estudiantes
 
Tarjeta de invitacion
Tarjeta de invitacionTarjeta de invitacion
Tarjeta de invitacion
 
Grafico diario del dax perfomance index para el 03 09-2013
Grafico diario del dax perfomance index para el 03 09-2013Grafico diario del dax perfomance index para el 03 09-2013
Grafico diario del dax perfomance index para el 03 09-2013
 
Presenta Exp U Ea D 11 02 2010 O Miratia Final F
Presenta Exp U Ea D 11 02 2010 O Miratia Final FPresenta Exp U Ea D 11 02 2010 O Miratia Final F
Presenta Exp U Ea D 11 02 2010 O Miratia Final F
 
Compativilidad y requerimiento
Compativilidad y requerimientoCompativilidad y requerimiento
Compativilidad y requerimiento
 
Herramientas
HerramientasHerramientas
Herramientas
 
Reflexion equipo 5
Reflexion equipo 5Reflexion equipo 5
Reflexion equipo 5
 

jQuery Tips & Tricks