PicnicTutorials Posted February 4, 2009 Report Share Posted February 4, 2009 (edited) Time to leave my comfort zone and learn something new... I think I'll try my hand at jQuery. How did you guys learn it? Thanks! Because there are developers that aren't really experts at JS (like me), but they are at working with jQuery and such right? Edited February 4, 2009 by Eric Quote Link to comment Share on other sites More sharing options...
falkencreative Posted February 4, 2009 Report Share Posted February 4, 2009 ThemeForest has a series on getting started with jQuery: http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/ there are additional tutorials at nettuts.com and css-tricks.com as well. And the jQuery documentation is pretty good too. Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 4, 2009 Author Report Share Posted February 4, 2009 I'm working trough the documentation now. I just hope it sticks - repetition I guess. Oh yeah, I remember seeing the screencast at CSS-Tricks - love that guy! I'll try the others as well - thanks! Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 5, 2009 Author Report Share Posted February 5, 2009 jQuery is cool! I can't wait for it to all click into place - very soon I hope! Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 5, 2009 Author Report Share Posted February 5, 2009 Loving what I'm seeing so far! Have you seen this http://api.jquery.com/ Have you seen this http://jsbin.com/ Quote Link to comment Share on other sites More sharing options...
lwsimon Posted February 5, 2009 Report Share Posted February 5, 2009 Loving what I'm seeing so far! Have you seen this http://api.jquery.com/ Cool - an official reimplementation of Visual jQuery http://remysharp.com/visual-jquery/ Have you seen this http://jsbin.com/ I'm not sure what use this is, but its a cool idea jQuery is awesome - tomorrow's project is creating a complex form that pops up in a modal dialog, submits via Ajax, and returns the result to the user. I just finished redesigning an internal site using it, and it took me about 1/5th the time of Javascript alone. Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 5, 2009 Author Report Share Posted February 5, 2009 (edited) I'm not sure what use this is, but its a cool idea If you click on one of the API's and then look at the demo, in the demo theres an edit button. That edit button takes you to that JS edit page. I'm loving it! Because I suck at writing any JS - too complicated for me. But jquery actually seems to be making sense to me. Seems like you write it in sort of a CSS coding way. I like it! Kyle sighs, and shakes his head in disappointment... Edited February 5, 2009 by Eric Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 5, 2009 Author Report Share Posted February 5, 2009 So I'm watching all these tuts. Is there a home base that lists all the thingy madogers (functions or what ever). Like $("#box").slideToggle(1500); and $("#box").hide(1500); and $("a").click(function() and so on - all those! Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted February 5, 2009 Author Report Share Posted February 5, 2009 So I'm watching all these tuts. Is there a home base that lists all the thingy madogers (functions or what ever). Like $("#box").slideToggle(1500); and $("#box").hide(1500); and $("a").click(function() and so on - all those! I believe I found them. All these pages. http://docs.jquery.com/Events Quote Link to comment Share on other sites More sharing options...
lwsimon Posted February 6, 2009 Report Share Posted February 6, 2009 There are a couple of things here. The $() function is actually an object, like all javascript functions. This may be confusing, so if it is, ignore that part If you do $('#someElement').click(function() { alert('foo'); }); , it binds the function you declared in that .click() to happen whenever the user clicks on #someElement. That's called "binding an event". The Events link you just posted has the list of available events. Note that $(...).click(...function...) is the same as $(...).bind('click', ...function...). Next you have effects. Effects are functions that act on the selected items immediately. For example: $('#someElement').hide() instantly hides the #someElement. For added fun, you can do things like: $('#someElement').fadeOut(500); to cause the element to fade from 100% opacity to 0%, then hide. Note that 0% opacity is not "hidden" - it is still taking up space on the page, you just can't see it. The "500" is the time, in 1/1000ths of a second, that the effect takes to complete. Have fun! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.