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' 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' 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' 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' 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' 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' 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&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/2830521187-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> <style> .post-body a.b-tooltip-container { position: relative; display: inline-block; } .post-body a.b-tooltip-container .b-tooltip { display: block !important; position: absolute; top: 100%; left: 50%; transform: translate(-20%, 1px); visibility: hidden; opacity: 0; z-index: 1; transition: opacity 0.2s ease-in-out; } .post-body a.b-tooltip-container .b-tooltip iframe { width: 200px; height: 198px; max-width: none; border: none; border-radius: 20px; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); } @media (hover: hover) { .post-body a.b-tooltip-container:hover .b-tooltip { visibility: visible; opacity: 1; } } </style> </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/2011/08/email-php-mail-error-failed-to-open.html'>email - PHP mail error ... failed to open stream : permission denied -</a></h3> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> - <meta content='http://ideassl11.blogspot.com/2011/08/email-php-mail-error-failed-to-open.html'/> <a class='timestamp-link' href='https://ideassl11.blogspot.com/2011/08/email-php-mail-error-failed-to-open.html' rel='bookmark' title='permanent link'> <time class='published' datetime='2011-08-15T03:22:00-07:00' title='2011-08-15T03:22:00-07:00'> August 15, 2011 </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 send an email using PHP mail. I get the following error: WARNING: Unknown: Failed to open the stream: Permission denied in unknown in line 0 Fatal error: unknown: required to open the required '/ Home Php $ name = $ _REQUEST ['name']; $ Email = $ _REQUEST ['email']; $ Theme = $ _REQUEST ['subject']; $ Message = $ _REQUEST ['message']; Mail ("myemail@myhost.com", "topic title", $ message, "sender: $ email"); Header ("Location: http://www.google.com"); ? & Gt; This message is not a mail error PHP file can not open ask_us.php if ask_us If the .php is your file, then check its permissions (and parent folders). </div> <a class='snippet-fade r-snippet-fade hidden' href='https://ideassl11.blogspot.com/2011/08/email-php-mail-error-failed-to-open.html'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2011/08/email-php-mail-error-failed-to-open.html' title='email - PHP mail error ... failed to open stream : permission denied -'> Read more </a> </div> </div> </article> <article class='post' role='article'> <h3 class='post-title'><a href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html'>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' 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'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2010/02/c-listview-onscroll-event.html' 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/2014/06/c-devconexe-driver-tool-and-openvpn.html'>c# - DEVCON.EXE (driver tool) and OpenVPN -</a></h3> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> - <meta content='http://ideassl11.blogspot.com/2014/06/c-devconexe-driver-tool-and-openvpn.html'/> <a class='timestamp-link' href='https://ideassl11.blogspot.com/2014/06/c-devconexe-driver-tool-and-openvpn.html' rel='bookmark' title='permanent link'> <time class='published' datetime='2014-06-15T03:22:00-07:00' title='2014-06-15T03:22:00-07:00'> June 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'> We wrote an application that manages Open VPN from the tray as an add-on for a large software package . Open VPN contains a file called tapinstall.exe which installs the Open VPN adapter (or a driver for that matter). While doing some research, this file is similar to a command-line tool called Dimocon which includes Microsoft Windows DDK. Open VPN people have renamed it for their use. So we use custom action to install the driver during our setup (MSI) installer, which works just fine for most of the part. Every now and then, devcon fails and hangs - Never after that point, you can run the deckon again and install it twice twice ... which is basically open VPN Will break. Has anyone seen this problem with disco, know what it is doing, or fix it? As an alternative solution, does anyone have to install a driver from C #? (We have a .inf and .sys file) Update: We have found that these problems are very rare. This is most often when we have applied an update, where we unin... </div> <a class='snippet-fade r-snippet-fade hidden' href='https://ideassl11.blogspot.com/2014/06/c-devconexe-driver-tool-and-openvpn.html'></a> </div> <div class='jump-link flat-button ripple'> <a href='https://ideassl11.blogspot.com/2014/06/c-devconexe-driver-tool-and-openvpn.html' title='c# - DEVCON.EXE (driver tool) and OpenVPN -'> 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/'>September 2015<span class='post-count'>200</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/08/'>August 2015<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/07/'>July 2015<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/06/'>June 2015<span class='post-count'>193</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/05/'>May 2015<span class='post-count'>185</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/04/'>April 2015<span class='post-count'>210</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/03/'>March 2015<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/02/'>February 2015<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2015/01/'>January 2015<span class='post-count'>204</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/09/'>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/'>August 2014<span class='post-count'>196</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/07/'>July 2014<span class='post-count'>214</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/06/'>June 2014<span class='post-count'>177</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/05/'>May 2014<span class='post-count'>197</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/04/'>April 2014<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/03/'>March 2014<span class='post-count'>215</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/02/'>February 2014<span class='post-count'>188</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2014/01/'>January 2014<span class='post-count'>182</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/09/'>September 2013<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/08/'>August 2013<span class='post-count'>199</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/07/'>July 2013<span class='post-count'>180</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/06/'>June 2013<span class='post-count'>229</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/05/'>May 2013<span class='post-count'>210</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/04/'>April 2013<span class='post-count'>194</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/03/'>March 2013<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/02/'>February 2013<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2013/01/'>January 2013<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/09/'>September 2012<span class='post-count'>197</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/08/'>August 2012<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/07/'>July 2012<span class='post-count'>216</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/06/'>June 2012<span class='post-count'>209</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/05/'>May 2012<span class='post-count'>220</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/04/'>April 2012<span class='post-count'>205</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/03/'>March 2012<span class='post-count'>185</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/02/'>February 2012<span class='post-count'>213</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2012/01/'>January 2012<span class='post-count'>207</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/09/'>September 2011<span class='post-count'>228</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/08/'>August 2011<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/07/'>July 2011<span class='post-count'>198</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/06/'>June 2011<span class='post-count'>216</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/05/'>May 2011<span class='post-count'>191</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/04/'>April 2011<span class='post-count'>234</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/03/'>March 2011<span class='post-count'>183</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/02/'>February 2011<span class='post-count'>199</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2011/01/'>January 2011<span class='post-count'>188</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/09/'>September 2010<span class='post-count'>208</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/08/'>August 2010<span class='post-count'>196</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/07/'>July 2010<span class='post-count'>201</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/06/'>June 2010<span class='post-count'>189</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/05/'>May 2010<span class='post-count'>193</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/04/'>April 2010<span class='post-count'>187</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/03/'>March 2010<span class='post-count'>200</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/02/'>February 2010<span class='post-count'>184</span></a> </li> <li class='archivedate'> <a href='https://ideassl11.blogspot.com/2010/01/'>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> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/36180243420921588?po\x3d4408349428330735858\x26origin\x3dhttps://ideassl11.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </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/2374235511-indie_compiled.js" async="true"></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3935100173-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AEUoTZo4e123eSx063Tdu70SXotH:1782332763300';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d36180243420921588','//ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html','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', 'canonicalUrl': 'http://ideassl11.blogspot.com/2015/02/when-to-use-and-in-jquery-plugin.html', 'homepageUrl': 'https://ideassl11.blogspot.com/', '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': false, 'isMobileRequest': false, 'mobileClass': '', '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': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/ecd9ca2a5bef9569', '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', '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': 'email - PHP mail error ... failed to open stream : permission denied -', 'id': 7924484054017144292}, {'title': 'c# - ListView onScroll event -', 'id': 7537616842971010826}, {'title': 'c# - DEVCON.EXE (driver tool) and OpenVPN -', 'id': 2820756945058225904}]}, {'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/438289360-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>