These slides are from CodeCamp2009 Belgrade. In my session "jQuery Tips & Tricks" I talked about jQuery basics, but focus was on creating Ajax-enabled web applications with jQuery and ASP.NET
12. Load ili Ready? $(document).ready(function(){ alert(“Brži sam od load!”); });
13. <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
14. 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>
16. $(“#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
17. Manipulacija .before() .after() .append() Atributi .css() .attr() .val() .html() Događaji .click() .focus() .toggle() “Traversing” .find() .next() .children() Šta god poželite da uradite
18. 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 } }); });