jQuery Object Binding & 'this' keyword

I'll show you how to use JQuery Objects and bind the object you are inside with the 'this' keyword.

http://jream.com/learning

Category:

Howto & Style

Tags:

• jquery
• oop
• jquery objects
• jquery this
• javascript objects
• javascript oop
• java script
• java script oop

[goon245]

@JREAM - Prototype is a powerhouse but maaaaaan is it a lot of key strokes in comparison to jQuery. i've found myself clinging to jQuery though in the quick hitters, but when i'm on application or commercial level projects i tend to utilize Prototype because it just "feels" more appropriate for some reason. But i'm guessing this debate will rage on.

[JREAMdesign]

@goon245 I agree 100% with you. I know Apple uses Prototype, they are a huge company! If JQuery had the Object extension, Class Creation built in, and Templating built in, Id be very happy. The Object object in Prototype is just awesome, I wish JQuey had it :(

[rapblack2]

esa idea es infinita muchas gracia spor la info :D

[JREAMdesign]

@rapblack2 Hope you understood the video because I have no idea what you said!

[JREAMdesign]

@MelvinSF Weird thing about JQuery is the do something funny with 'this'. I cant decide if I like Prototype JS or JQuery better, because JQuery is much more pleasant to type, but Prototype has classes and templates built in if you wanna go custom the whole way rather than use 3rd party plugins.

[screws0ft]

Did it! jsfiddle /unbmd/1/

[screws0ft]

I've found a bug: jsfiddle /unbmd/ .

Try looking in console so you shall see first variable works, and second doesn't.

Than, delete .bind(this) so you shall see first variable doesn't work, and first work.

I could make _ww variable in global scope, but I don't think is a good ideea.

[rapblack2]

@JREAMdesign si no entiendes español te lo digo en inglesI think the idea is infinite thx u

[MelvinSF]

@JREAMdesign That's OK. Cool stuff. I am definitely going to dive deep into Javascript once I finish up my current PHP project.

[JREAMdesign]

@MelvinSF Oh I see. Sorry I was a bit off topic. Prototype supports an easy way to create classes. However, JQuery's John Resig recently made a class creator to lay on top of JQuery but I haven't tried it out. It's a hard decision for me, because JQuery syntax is so nice, and getting used to Prototype $ $('.classSelector').invoke('ob­serve', 'click', function(e) {}); is a bit odd.