The following are cross platform and recommended event types which you can bind using JQuery −
||Occurs when the element loses focus.
||Occurs when the element changes.
||Occurs when a mouse click.
||Occurs when a mouse double-click.
||Occurs when there is an error in loading or unloading etc.
||Occurs when the element gets focus.
||Occurs when key is pressed.
||Occurs when key is pressed and released.
||Occurs when key is released.
||Occurs when document is loaded.
||Occurs when mouse button is pressed.
||Occurs when mouse enters in an element region.
||Occurs when mouse leaves an element region.
||Occurs when mouse pointer moves.
||Occurs when mouse pointer moves out of an element.
||Occurs when mouse pointer moves over an element.
||Occurs when mouse button is released.
||Occurs when window is resized.
||Occurs when window is scrolled.
||Occurs when a text is selected.
||Occurs when form is submitted.
||Occurs when documents is unloaded.
In this code snippet you will learn how to add class and remove class for HTML div elements using JQuery scripting. The following is the HTML code I used for this code snippet.
<div class="div1">Name 1</div>
<div class="div2">Name 2</div>
<div class="div3">Name 3</div>
<div class="div4">Name 4</div>
This is a simple puzzle game developed using pure HTML and jQuery. This puzzle consist of an image which is divided into fifteen small parts or we can say it as segments. These parts are randomly arranged on the puzzle board. Your task is you have to rearrange that image segments in proper order. There is no limitations for moves or time you can take your own time to complete this puzzle.
This puzzle game is mainly based on swapping of div’s on puzzle board, Puzzle board consist of total 16 small div’s, 15 are image div’s and one empty div. Div position is set on the puzzle board on random basis. When you click on any div adjacent to the empty div position of selected div and empty div gets changed.
Check Live Demo Here : jQuery Puzzle Game
In this article we will see how to hide html page contents on click event using jQuery.
<title>Hide Content Demo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" />
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
Check live demo here : Hide Contents on Click Event
This article presents an example of using the jQuery.mbValidation plugin. Click here for the Live Demo of the jQuery.mbValidation plugin.
This article presents an example of how to consume a web service in an ASP.NET application using the jQuery.ajax() method. I have been developing applications running on web browsers for many years and I realize that AJAX and jQuery are getting close to the ultimate dreams of any programmer working on this subject for some time. jQuery is a client-side scripting library, so it is totally independent from the development environment, regardless of whether it is ASP.NET, J2EE, PHP, or any other platform. Visual Studio is readily available to me, so the example is created as an ASP.NET project. (more…)
In this post, we will see how we can disable right click option using simple JQuery code. I hope you will like it.
Most of the developers are always looking for the safety of their images and code blocks which they have shared in the web. But normally it is hard to secure this unless you go for any third party tool. Some of us may think if we just disable the right click option in our page, makes the content secured. But it is not. If some one really thinks that they need to get the content from your page, they can achieve it. Even though that is the reality, I am sharing this post to show how to disable the right click option in page.
We are going to use JQuery for this requirement. So you need to load the JQuery reference first.