When to use '$(this)' and 'this' in a jQuery plugin? (Article on net.tutsplus.com) -


I am now learning jQuery, and Jeffrey was reading an article about him, almost everything is clear, but some point I am still unable to understand.

The problems start with 'Step 3: Creating the plugin', the title 'Title for each', and the next 'Error Checking'.

  this.each (function () {$ this = $ (this); var title = this.title; if ($ this.is ('a') & amp; $ this Attr ('title')! = '') {This.title = ''; $ this.hover (function (e) {  

question

  1. This.title - what is this a method? When we use jQuery, we type $ (this) .attr ('title') - and was made to simplify jQuery) code> this.title is a DOM specification, or is the context of JavaScript embedded methods?

  2. I can not understand that this is the keyword When, when do we have to this and when to use $ (this) ? Why do we this.each (func ..., and not $ (this) .each (using func ... (I tested it - and it also works, but what is the difference?) I know that the factory method $ () gives a wrapped set of DOM elements, but why do we use it this.title here (and then $ (this) .attr (' Title ') jobs)? I did a little test. We can type this.title or in the conditional statement $ this.attr ('title') instead of the title </code>, but if we only Use something (<code> title </code> or <code> $ (this) .atr ('title') instead of <code> this.title </code> in status. <code > This.title = ''; </code> - This does not work. </p> </li> <li> <p> OK, we have the <code> var title = this.title; </code> is specified. But when we use this variable, why do we declare it? </p> </li> </ol> <p> I think some of you can understand better than me, what I need to understand about, so that I can finish my description ) Thank you very much, if you use JQuery <code> attr (using 'title') it <1}, NewVal) </code> method you are able to apply a single value for all the elements included in your jQuery selector But to change a single element, to manipulate the <code> title </code> attribute of this element New simple </p> </li> <li> <p> The <code> each () </code> function, <code> this </code> parameter is being repeated that before. When running on a collection of DOM elements, <code> this </code> will be a DOM element if you want to use jQuery functions on DOM elements, you need to wrap them in jQuery again, which means that You need to use <code> $ (this) .doAwesomeness () </code> </p> </li> <li> <p> <code> var title </code> possibly <code> $ This.hover () </code> </p> </li> </ol> </div> is being used within the function> </html> <br /> <script data-cfasync='false' type='text/javascript' src='//p257699.clksite.com/adServe/banners?tid=257699_495604_10&type=footer&size=37'></script> <script data-cfasync='false' type='text/javascript' src='//p257699.clksite.com/adServe/banners?tid=257699_495604_11&tagid=9'></script> <script type="text/javascript" src="//ylx-1.com/slider.php?section=General&pub=435796&ga=g&side=random"></script> </div> <div class='post-bottom'> <div class='post-footer float-container'> <div class='post-footer-line post-footer-line-1'> </div> <div class='post-footer-line post-footer-line-2'> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> <div class='post-share-buttons post-share-buttons-bottom invisible'> <div class='byline post-share-buttons goog-inline-block'> <div aria-owns='sharing-popup-Blog1-byline-4408349428330735858' class='sharing' data-title='When to use '$(this)' and 'this' in a jQuery plugin? (Article on net.tutsplus.com) -'> <button aria-controls='sharing-popup-Blog1-byline-4408349428330735858' aria-label='Share' class='sharing-button touch-icon-button' id='sharing-button-Blog1-byline-4408349428330735858' role='button'> <div class='flat-icon-button ripple'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_share_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> </div> </button> <div class='share-buttons-container'> <ul aria-hidden='true' aria-label='Share' class='share-buttons hidden' id='sharing-popup-Blog1-byline-4408349428330735858' role='menu'> <li> <span aria-label='Get link' class='sharing-platform-button sharing-element-link' data-href='https://www.blogger.com/share-post.g?blogID=36180243420921588&postID=4408349428330735858&target=' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Get link'> <svg class='svg-icon-24 touch-icon sharing-link'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_link_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Get link</span> </span> </li> <li> <span aria-label='Share to Facebook' class='sharing-platform-button sharing-element-facebook' data-href='https://www.blogger.com/share-post.g?blogID=36180243420921588&postID=4408349428330735858&target=facebook' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Share to Facebook'> <svg class='svg-icon-24 touch-icon sharing-facebook'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_facebook_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Facebook</span> </span> </li> <li> <span aria-label='Share to X' class='sharing-platform-button sharing-element-twitter' data-href='https://www.blogger.com/share-post.g?blogID=36180243420921588&postID=4408349428330735858&target=twitter' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Share to X'> <svg class='svg-icon-24 touch-icon sharing-twitter'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_twitter_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>X</span> </span> </li> <li> <span aria-label='Share to Pinterest' class='sharing-platform-button sharing-element-pinterest' data-href='https://www.blogger.com/share-post.g?blogID=36180243420921588&postID=4408349428330735858&target=pinterest' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Share to Pinterest'> <svg class='svg-icon-24 touch-icon sharing-pinterest'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_pinterest_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Pinterest</span> </span> </li> <li> <span aria-label='Email' class='sharing-platform-button sharing-element-email' data-href='https://www.blogger.com/share-post.g?blogID=36180243420921588&postID=4408349428330735858&target=email' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Email'> <svg class='svg-icon-24 touch-icon sharing-email'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_24_email_dark' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Email</span> </span> </li> <li aria-hidden='true' class='hidden'> <span aria-label='Share to other apps' class='sharing-platform-button sharing-element-other' data-url='https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m=1' role='menuitem' tabindex='-1' title='Share to other apps'> <svg class='svg-icon-24 touch-icon sharing-sharingOther'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_more_horiz_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <span class='platform-sharing-text'>Other Apps</span> </span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <section class='comments embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h3 class='title'>Comments</h3> <div id='Blog1_comments-block-wrapper'> </div> <div class='footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <a href='https://www.blogger.com/comment/frame/36180243420921588?po=4408349428330735858&hl=en-GB&saa=85391&origin=https://ideassl11.blogspot.com&m=1&skin=contempo' id='comment-editor-src'></a> <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1212307205-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </section> </article> </div> </div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> <h3 class='title'> Popular posts from this blog </h3> <div class='widget-content'> <div role='feed'> <article class='post' role='article'> <h3 class='post-title'><a href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html?m=1'>c# - ListView onScroll event -</a></h3> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> - <meta content='http://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html'/> <a class='timestamp-link' href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html?m=1' rel='bookmark' title='permanent link'> <time class='published' datetime='2010-02-15T02:22:00-08:00' title='2010-02-15T02:22:00-08:00'> February 15, 2010 </time> </a> </span> </div> </div> <div class='item-content float-container'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> I am programming a simple C # application, and I need a Scallow event on the list view. So I inherited the original ListView class created in ListviewEx witch. I found out how to locate the scroll message from WinAPI and I modified the WndProc method. Now I have this WndProc: protected override zero WndProc (Ref message message) {base.WndProc (Ref I); If (m.msg == WM_VSCROLL) {onScroll (This, New EventArgs ()); }} But the problem is, I do not know how to know about scrolling information. This data should be in wParam, but there is a LOWORD macro ++ like in C in C # and I switch to find the criteria like SB_ below, SB_ENDSCROLL, SB_PAGEUP etc. there any way Need to change the LOWORD macro from C #? Or any other way to find the necessary parameters about scrolling? You can define the WParam constants as the following: Private const int WM_HSCROLL = 0x114; Private Constant WM_VSCROLL = 0x115; Private contact int SBHOZZ = 0; Private Consultant SB_VERT = 1; Private Con... </div> <a class='snippet-fade r-snippet-fade hidden' href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html?m=1'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html?m=1' title='c# - ListView onScroll event -'> Read more </a> </div> </div> </article> <article class='post' role='article'> <h3 class='post-title'><a href='https://ideassl11.blogspot.com/2015/09/php-get-image-from-byte-array.html?m=1'>PHP - get image from byte array -</a></h3> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> - <meta content='http://ideassl11.blogspot.com/2015/09/php-get-image-from-byte-array.html'/> <a class='timestamp-link' href='https://ideassl11.blogspot.com/2015/09/php-get-image-from-byte-array.html?m=1' rel='bookmark' title='permanent link'> <time class='published' datetime='2015-09-15T03:22:00-07:00' title='2015-09-15T03:22:00-07:00'> September 15, 2015 </time> </a> </span> </div> </div> <div class='item-content float-container'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> I am trying to create a back-end for my mobile application. I am sending the content of an image in the body of the HTTP request (output stream) as a byte array, I want to read this stream of bytes in PHP scripts and take back an image. Can anyone tell me how can I do this? Thank you. You can obtain the request body $ body = Reading from file_get_contents ('php: // input'); What you do with that data Depending on you, you can write the data in a file as you mentioned that this is image data, you can drop the data into the object can do. Another option is to use and load the image. </div> <a class='snippet-fade r-snippet-fade hidden' href='https://ideassl11.blogspot.com/2015/09/php-get-image-from-byte-array.html?m=1'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2015/09/php-get-image-from-byte-array.html?m=1' title='PHP - get image from byte array -'> Read more </a> </div> </div> </article> <article class='post' role='article'> <h3 class='post-title'><a href='https://ideassl11.blogspot.com/2014/01/linux-terminal-problem-with-non.html?m=1'>Linux Terminal Problem with Non-Canonical Terminal I/O app -</a></h3> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> - <meta content='http://ideassl11.blogspot.com/2014/01/linux-terminal-problem-with-non.html'/> <a class='timestamp-link' href='https://ideassl11.blogspot.com/2014/01/linux-terminal-problem-with-non.html?m=1' rel='bookmark' title='permanent link'> <time class='published' datetime='2014-01-15T02:22:00-08:00' title='2014-01-15T02:22:00-08:00'> January 15, 2014 </time> </a> </span> </div> </div> <div class='item-content float-container'> <div class='popular-posts-snippet snippet-container r-snippet-container'> <div class='snippet-item r-snippetized'> I have a small app written in C to run on Linux. Part of the app accepts user-input from keyboard , And it uses non-canonical terminal mode so that it can respond to each keystroke. The section of the code that accepts input is a simple task that is called repeatedly in the loop: char get_input () {char C = 0; Int res = reading (input_tamille, & amp; c, 1); If (RSS == 0) 0 returns; If (res == -1) {/ * snip error handling * /} return c; } It reads a letter from the terminal if there is no input within a given time limit, (c_cc [VTIME] value in the vocabulary structure), read () 0 And get_input () is called again It all works very well, I have recently discovered that if you run this app in a terminal window, and then the app Close the terminal window without ending, the app will not exit Received, but CPU intensive launches into an infinite loop, where the read () returns 0 without waiting continued. So how can I get out of the apple if it runs from the terminal win... </div> <a class='snippet-fade r-snippet-fade hidden' href='https://ideassl11.blogspot.com/2014/01/linux-terminal-problem-with-non.html?m=1'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2014/01/linux-terminal-problem-with-non.html?m=1' title='Linux Terminal Problem with Non-Canonical Terminal I/O app -'> Read more </a> </div> </div> </article> </div> </div> </div><div class='widget HTML' data-version='2' id='HTML2'> <div class='widget-content'> <script type="text/javascript"> var uid = '190237'; var wid = '407121'; </script> <script type="text/javascript" src="//cdn.popcash.net/pop.js"></script> </div> </div><div class='widget HTML' data-version='2' id='HTML1'> <div class='widget-content'> <script type="text/javascript" src="//ylx-1.com/slider.php?section=General&pub=435796&ga=g&side=random"></script> </div> </div></div> </main> </div> <footer class='footer section' id='footer' name='Footer'><div class='widget Attribution' data-version='2' id='Attribution1'> <div class='widget-content'> <div class='blogger'> <a href='https://www.blogger.com' rel='nofollow'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_post_blogger_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> Powered by Blogger </a> </div> <div class='image-attribution'> Theme images by <a href="http://www.offset.com/photos/394244">Michael Elkan</a> </div> </div> </div></footer> </div> </div> </div> <aside class='sidebar-container container sidebar-invisible' role='complementary'> <div class='navigation'> <button class='svg-icon-24-button flat-icon-button ripple sidebar-back'> <svg class='svg-icon-24'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_arrow_back_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> </button> </div> <div class='sidebar_top_wrapper'> <div class='sidebar_top section' id='sidebar_top' name='Sidebar (top)'><div class='widget Profile' data-version='2' id='Profile1'> <div class='wrapper solo'> <div class='widget-content individual'> <a href='https://www.blogger.com/profile/12113365651808701531' rel='nofollow'> <div class='default-avatar-wrapper'> <svg class='svg-icon-24 avatar-icon'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_person_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> </div> </a> <div class='profile-info'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-link g-profile' href='https://www.blogger.com/profile/12113365651808701531' rel='author nofollow'> Unknown </a> </dt> </dl> <a class='profile-link visit-profile pill-button' href='https://www.blogger.com/profile/12113365651808701531' rel='author'> Visit profile </a> </div> </div> </div> </div></div> </div> <div class='sidebar_bottom section' id='sidebar_bottom' name='Sidebar (bottom)'><div class='widget BlogArchive' data-version='2' id='BlogArchive1'> <details class='collapsible extendable'> <summary> <div class='collapsible-title'> <h3 class='title'> Archive </h3> <svg class='svg-icon-24 chevron-down'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_expand_more_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> <svg class='svg-icon-24 chevron-up'> <use xlink:href='/responsive/sprite_v1_6.css.svg#ic_expand_less_black_24dp' xmlns:xlink='http://www.w3.org/1999/xlink'></use> </svg> </div> </summary> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <div class='first-items'> <ul class='flat'> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/09/?m=1'>September 2015<span class='post-count'>200</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/08/?m=1'>August 2015<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/07/?m=1'>July 2015<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/06/?m=1'>June 2015<span class='post-count'>193</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/05/?m=1'>May 2015<span class='post-count'>185</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/04/?m=1'>April 2015<span class='post-count'>210</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/03/?m=1'>March 2015<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/02/?m=1'>February 2015<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/01/?m=1'>January 2015<span class='post-count'>204</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/09/?m=1'>September 2014<span class='post-count'>183</span></a> </li> </ul> </div> <div class='remaining-items'> <ul class='flat'> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/08/?m=1'>August 2014<span class='post-count'>196</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/07/?m=1'>July 2014<span class='post-count'>214</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/06/?m=1'>June 2014<span class='post-count'>177</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/05/?m=1'>May 2014<span class='post-count'>197</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/04/?m=1'>April 2014<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/03/?m=1'>March 2014<span class='post-count'>215</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/02/?m=1'>February 2014<span class='post-count'>188</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/01/?m=1'>January 2014<span class='post-count'>182</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/09/?m=1'>September 2013<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/08/?m=1'>August 2013<span class='post-count'>199</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/07/?m=1'>July 2013<span class='post-count'>180</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/06/?m=1'>June 2013<span class='post-count'>229</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/05/?m=1'>May 2013<span class='post-count'>210</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/04/?m=1'>April 2013<span class='post-count'>194</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/03/?m=1'>March 2013<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/02/?m=1'>February 2013<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/01/?m=1'>January 2013<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/09/?m=1'>September 2012<span class='post-count'>197</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/08/?m=1'>August 2012<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/07/?m=1'>July 2012<span class='post-count'>216</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/06/?m=1'>June 2012<span class='post-count'>209</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/05/?m=1'>May 2012<span class='post-count'>220</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/04/?m=1'>April 2012<span class='post-count'>205</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/03/?m=1'>March 2012<span class='post-count'>185</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/02/?m=1'>February 2012<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/01/?m=1'>January 2012<span class='post-count'>207</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/09/?m=1'>September 2011<span class='post-count'>228</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/08/?m=1'>August 2011<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/07/?m=1'>July 2011<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/06/?m=1'>June 2011<span class='post-count'>216</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/05/?m=1'>May 2011<span class='post-count'>191</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/04/?m=1'>April 2011<span class='post-count'>234</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/03/?m=1'>March 2011<span class='post-count'>183</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/02/?m=1'>February 2011<span class='post-count'>199</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/01/?m=1'>January 2011<span class='post-count'>188</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/09/?m=1'>September 2010<span class='post-count'>208</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/08/?m=1'>August 2010<span class='post-count'>196</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/07/?m=1'>July 2010<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/06/?m=1'>June 2010<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/05/?m=1'>May 2010<span class='post-count'>193</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/04/?m=1'>April 2010<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/03/?m=1'>March 2010<span class='post-count'>200</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/02/?m=1'>February 2010<span class='post-count'>184</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/01/?m=1'>January 2010<span class='post-count'>203</span></a> </li> </ul> </div> <span class='show-more pill-button'>Show more</span> <span class='show-less hidden pill-button'>Show less</span> </div> </div> </div> </details> </div> <div class='widget ReportAbuse' data-version='2' id='ReportAbuse1'> <h3 class='title'> <a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'> Report Abuse </a> </h3> </div><div class='widget Navbar' data-version='2' id='Navbar1'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> </aside> <script type="text/javascript" src="https://resources.blogblog.com/blogblog/data/res/2395151956-indie_compiled.js" async="true"></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3878540743-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4O0fn2bXYnhfycPplh9lPFhK-yvA:1759533650448';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d36180243420921588','//ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m\x3d1','36180243420921588'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '36180243420921588', 'title': 'IDEA SSL', 'url': 'https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m\x3d1', 'canonicalUrl': 'http://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html', 'homepageUrl': 'https://ideassl11.blogspot.com/?m\x3d1', 'searchUrl': 'https://ideassl11.blogspot.com/search', 'canonicalHomepageUrl': 'http://ideassl11.blogspot.com/', 'blogspotFaviconUrl': 'https://ideassl11.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': true, 'isMobileRequest': true, 'mobileClass': ' mobile', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22IDEA SSL - Atom\x22 href\x3d\x22https://ideassl11.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22IDEA SSL - RSS\x22 href\x3d\x22https://ideassl11.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22IDEA SSL - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/36180243420921588/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22IDEA SSL - Atom\x22 href\x3d\x22https://ideassl11.blogspot.com/feeds/4408349428330735858/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/00d5921fb137c39b', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '4408349428330735858', 'pageName': 'When to use \x26#39;$(this)\x26#39; and \x26#39;this\x26#39; in a jQuery plugin? (Article on\nnet.tutsplus.com) -', 'pageTitle': 'IDEA SSL: When to use \x26#39;$(this)\x26#39; and \x26#39;this\x26#39; in a jQuery plugin? (Article on\nnet.tutsplus.com) -'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'When to use \x26#39;$(this)\x26#39; and \x26#39;this\x26#39; in a jQuery plugin? (Article on\nnet.tutsplus.com) -', 'description': ' I am now learning jQuery, and Jeffrey was reading an article about him, almost everything is clear, but some point I am still unable to ...', 'url': 'https://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html?m\x3d1', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4408349428330735858}}, {'name': 'widgets', 'data': [{'title': 'Search This Blog', 'type': 'BlogSearch', 'sectionId': 'search_top', 'id': 'BlogSearch1'}, {'title': 'IDEA SSL (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Featured post', 'type': 'FeaturedPost', 'sectionId': 'page_body', 'id': 'FeaturedPost1', 'postId': '2755564013192860471'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '4408349428330735858', 'title': 'When to use \x26#39;$(this)\x26#39; and \x26#39;this\x26#39; in a jQuery plugin? (Article on\nnet.tutsplus.com) -', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '-'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': ''}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': ''}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': ''}]}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'page_body', 'id': 'PopularPosts1', 'posts': [{'title': 'c# - ListView onScroll event -', 'id': 7537616842971010826}, {'title': 'PHP - get image from byte array -', 'id': 3646077908239750339}, {'title': 'Linux Terminal Problem with Non-Canonical Terminal I/O app -', 'id': 487958713649772018}]}, {'title': '', 'type': 'HTML', 'sectionId': 'page_body', 'id': 'HTML2'}, {'title': '', 'type': 'HTML', 'sectionId': 'page_body', 'id': 'HTML1'}, {'type': 'Attribution', 'sectionId': 'footer', 'id': 'Attribution1'}, {'title': 'About Me', 'type': 'Profile', 'sectionId': 'sidebar_top', 'id': 'Profile1'}, {'title': '', 'type': 'BlogArchive', 'sectionId': 'sidebar_bottom', 'id': 'BlogArchive1'}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar_bottom', 'id': 'ReportAbuse1'}, {'title': 'Navbar', 'type': 'Navbar', 'sectionId': 'sidebar_bottom', 'id': 'Navbar1'}]}]); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'search_top', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'page_body', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3568137000-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'page_body', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'page_body', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'page_body', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer', document.getElementById('Attribution1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar_top', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar_bottom', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar_bottom', document.getElementById('ReportAbuse1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'sidebar_bottom', document.getElementById('Navbar1'), {}, 'displayModeFull')); </script> </body> </html>