What is a different between $(this) and this in jQuery



$(document).ready(function(){
    $('#Valuediv').mouseout(function(){
       alert($(this).text());
  });
});






$(document).ready(function(){
    $('#spnValue').mouseover(function(){
       alert(this.innerText);
  });
});

In first example $(this) is a jQuery object here you are using  power of jQuery
and In Second example  'this' keyword, means you are using native JavaScript code.

Most Popular

Latest CodeIgniter interview questions and answers

Image
  Are you looking jobs in CodeIgniter? Then you are at the right place. We provide you with the best CodeIgniter interview Question and Answers in this article blog. CodeIgniter is an open-source software rapid development web framework, for use in building dynamic web sites with PHP. CodeIgniter is loosely based on the popular model-view-controller (MVC) development pattern. There are numerous leading companies that offer lots of job positions in CodeIgniter like PHP Developer with CodeIgniter Frame work, Senior PHP Developer, Backend Developer CodeIgniter etc. Q1. Explain Codeigniter Architecture? CodeIgniter is designed to deliver maximum performance in less time within a clean environment. To achieve this, each developing process is designed in a simplified way. From technical point of view it is dynamically instantiation (libraries are loaded on request which makes it light-weighted), loose coupling. (components rely very less on each other) and component singularity (each cla...
Keep reading

Customize wordpress register form wp_register()

<div>             <h3>Register for this site!</h3>             <p>Sign up now for the good stuff.</p>             <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">                 <div class="username">                     <label for="user_login"><?php _e('Username'); ?>: </label>                     <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />             ...
Keep reading

how to hide and show content using jquery?

<script src=”http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js” type=”text/javascript”></script> <script type=”text/javascript”> $( document ).ready(function(){     $("#btn").click(function () {     $("p").toggle("fast");   }); }); </script> <button id="btn">Click Me</button> <p>  Hello this ikhlaque ahmed admin of this blog.. Please follow more info visit on www.webin2.com </p>
Keep reading