Suggested Video Tutorials
JavaScript Tutorial
Using JavaScript with ASP.NET
ASP.NET Tutorial
(追記) (追記ここまで)
What is jQuery
jQuery is a lightweight JavaScript library that simplifies programming with JavaScript.
(追記) (追記ここまで)
According to jQuery.com
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
Why should we use jQuery
OR
Advantages of using jQuery over raw JavaScript
The use of JQuery has several benefits over using the raw javascript.
1. jQuery is cross-browser
2. jQuery is a lot more easy to use than raw javascript
3. jQuery is extensible
4. jQuery simplifies and has rich AJAX support
5. jQuery has large development community and many plugins. Example autocomplete textbox plugin.
6. Excellent documentation
How to use jQuery in a web application
Download the jQuery file from jQuery.com and reference it in your application just like any other JavaScript file.
What is the difference between jQuery 1.x and 2.x
If you want to support IE6/7/8, then use jQuery 1.x where as if you don't have the need to support IE6/7/8 then use jQuery 2.x. jQuery 2.x is smaller in size than jQuery 1.x.
Example : Adding a click event handler for a button control using raw JavaScript. addEventListener() method is not supported in IE < 9.
Example : Adding a click event handler for a button control using jQuery. With jQuery we have less code to achieve the same thing.We don't have to worry about cross-browser issues, as all this is taken care by jQuery.
Please Note : If you want this example to work in IE 6/7/8, then use jQuery 1.x. If there is no need to support IE 6/7/8, then use jQuery 2.x.
Points to remember :
1. ready() function ensures that the DOM is fully loaded.
2. $ is a shortcut for jQuery.
3. All three of the following syntaxes are equivalent:
$( document ).ready( handler )
$().ready( handler ) (this is not recommended)
$( handler )
jQuery tutorial for beginners
JavaScript Tutorial
Using JavaScript with ASP.NET
ASP.NET Tutorial
(追記) (追記ここまで)
What is jQuery
jQuery is a lightweight JavaScript library that simplifies programming with JavaScript.
(追記) (追記ここまで)
According to jQuery.com
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
Why should we use jQuery
OR
Advantages of using jQuery over raw JavaScript
The use of JQuery has several benefits over using the raw javascript.
1. jQuery is cross-browser
2. jQuery is a lot more easy to use than raw javascript
3. jQuery is extensible
4. jQuery simplifies and has rich AJAX support
5. jQuery has large development community and many plugins. Example autocomplete textbox plugin.
6. Excellent documentation
How to use jQuery in a web application
Download the jQuery file from jQuery.com and reference it in your application just like any other JavaScript file.
What is the difference between jQuery 1.x and 2.x
If you want to support IE6/7/8, then use jQuery 1.x where as if you don't have the need to support IE6/7/8 then use jQuery 2.x. jQuery 2.x is smaller in size than jQuery 1.x.
Example : Adding a click event handler for a button control using raw JavaScript. addEventListener() method is not supported in IE < 9.
<scripttype="text/javascript">
window.onload = function ()
{
// For
all modern browsers
if (document.addEventListener)
{
document.getElementById('button1')
.addEventListener('click', clickHandler, false);
}
else
// For
Internet Explorer < 9
{
document.getElementById('button1')
.attachEvent('onclick', clickHandler);
}
function clickHandler()
{
alert('jQuery Tutorial');
}
};
</script>
<inputtype="button"value="Click Me"id="button1"/>
Example : Adding a click event handler for a button control using jQuery. With jQuery we have less code to achieve the same thing.We don't have to worry about cross-browser issues, as all this is taken care by jQuery.
Please Note : If you want this example to work in IE 6/7/8, then use jQuery 1.x. If there is no need to support IE 6/7/8, then use jQuery 2.x.
<scripttype="text/javascript">
$('document').ready(function () {
$('#button1').click(function () {
alert('jQuery Tutorial');
});
});
</script>
<inputtype="button"value="Click Me"id="button1"/>
Points to remember :
1. ready() function ensures that the DOM is fully loaded.
2. $ is a shortcut for jQuery.
3. All three of the following syntaxes are equivalent:
$( document ).ready( handler )
$().ready( handler ) (this is not recommended)
$( handler )
jQuery tutorial for beginners
11 comments:
Thanks sir for explaing I think much awaited topic there thanks sir
Reply Deletethnks sir, every1 were waiting for jQuery tutorial series...
Reply Deletesir, u've written above
Reply Delete$('document').ready(function () {
is it right?
Thank You Venkat for sharing Videos. By following your Videos I was able to switch the Company with a good hike. From the last 1 year I invested lot of time to gain knowledge from your Videos. You are the best.
Reply DeleteSir you are Lord Venkateswra for me. Thank you so much for giving time and make these amazing tutorials.
Reply DeleteRajeev Ranjan
Thanks a lot sir
Reply Deletehi sir,....i want code for html file upload control upload the file that file will be add into within solution explorer Images folder by using jquery please help me sir
Reply Deletehi sir,....i want code for html file upload control upload the file that file will be add into within solution explorer Images folder by using jquery please help me sir
Reply DeleteThanks venkat for providing this great Tutorial really appreciate it
Reply Delete$('document').ready(function () is not working
Reply Deletecorrect syntax is $(document)
thanks Venkat sir, your explanation is amazing. Sir, could you plz make tutorials for mongodb also.
Reply DeleteIt would be great if you can help share these free resources
[フレーム]