Below are some basic examples of Jquery and its feature.
How to add jQuery to your website
Installing
You can download jquery.js file form jquery.com.
OR
Recommended
libs/jquery/1.3.0/jquery.min.js“></script>
Jquery Code
Generally used script run this when the HTML is all ready. Live Demo
$(document).ready(function()
{
alert(‘Welcome to mistonline.in‘);
});
</script>
Similar as previous script. Take a look at Live Demo
$(function()
{
alert(‘Welcome to mistonline.in‘);
});
</script>
Run this when the whole page has been downloaded. Take a look at Live Demo
$(window).load(function()
{
alert(‘Loaded Whole Page including images)’);
});
</script>
jQuery Stucture
Here $ = jquery, selector is a DOM element and function execute a jquery fuction.
DOM - Document Object Model Wiki
Selectors
-> Select DOM elements eg: $(‘h1′) ,$(‘div’), $(‘li’)..
-> Select ID : $(‘#id_name’)
-> Select Class : $(‘.class_name’)
Structure $(selector).click().
$(function()
{
$(‘#button_action‘).click(function()
{
alert(‘Hey Button‘);
});
$(‘.link_action‘).click(function()
{
alert(‘Hey Link‘);
});
});
</script>
Hide and Show With Click Event
Hiding and Showing the div tag.
$(function()
{
$(‘.hide_box’).click(function()
{
$(‘#box’).hide();
});
$(‘.show_box’).click(function()
{
$(‘#box’).show();
});
});
</script>
Incoming search terms:
- slideToggle horizontal (7)
- how to use jquery (7)
- yii dropdownlist onchange (6)
- marquee nonstop (5)
- flipover in jquery (4)
- window referrer function in jquery (4)
- textbox to uppercase using jquery website (4)
- avoid onbeforeunload on page refresh using jquery (4)
- nonstop marquee in jquery (4)
- nestedsortable mysql (3)
- jquery mobile protected (3)
- onkeypress jquery (3)
- countdown flip clock animation jquery (3)
- jquery launch chromeless window (3)
- looking-jquery-text-auto slider (3)
- marquee without gap jquery (2)
- jquery marquee nonstop (2)
- jquery alert when leaving website (2)
- php slideshow mediumblob (2)
- popinfo jquery (2)
- how to show the search result in division using jquery (2)
- php video snapshot (2)
- razor listbox selection jquery (2)
- jcarausel (2)
- onpagechange jquery mobile (2)
- how to take a snapshot of a div (2)
- jquery uppercase onchange (2)
- java script incoming search term (2)
- freemarker uppercase (2)
- insert smilies in textarea jquery (2)
- jquery pageflipper js ダウンロード (2)
- insert smile jquery textarea (2)
- flipCounter jquery (2)
- jquery with webuijsf (2)
- jquery smiles textarea (2)
- jquery flipover (2)
- jquery disable f5 key (2)
- jquery countdown milliseconds (2)
- jquery flipCounter work around (2)
- jquery flipbook pdf (2)
You will also be interested in ,
- Character Encoder And Decoder Using Javascript
- Add a splash page using javascript
- Javascript Title Bar Message Changer
- Detect browser and redirect using javascript
- Disable dropdown menu in a form using javascript
- Simple message slideshow news ticker using javascript
- Disable submit button on form submit
- Visitor counter using cookies and javascript
- Removing Nodes using javascript
- DOM elements dynamically using our JAVASCRIPT