To avoid conflicts you can warp JQuery function in some JQuery noconflict tags; see the following example
Normally you use the following code
$(document).ready(function() {
alert("test");
})
Above code will not work if you find another JavaScript code conflicts with this
So you can use the following code
$(document).ready(function() {
alert("test");
})(jQuery);
I think this is the easy way to achieve the same result
jQuery.noConflict()(function(){
// code using jQuery
});
ready() method is a custom event handler which is attached to DOM and it takes one argument (javascript code). This event handler execute one the DOM is ready to be traversed and manipulated. Please keep in mind that page loading and rendering begins after this
There are tons of Lightbox scripts in the web, each one with its unique features and limitations, but all require massive use of Javascript or the installation of javascript frameworks.
In some cases, there are “lightweight” versions with “only” 40KB of Javascript.
This example does not want to compete with those scripts, but if you are looking for a simple, 100% CSS, 0% javascript lightbox, this may help you.
http://fetchak.com/ie-css3/
In this example you can learn how Ajax is implemented using jQuery
When user clicks on the button , message which is coming from the php file will be displayed in Alert window
(function($) {
$(document).ready(function() {
$('#mybutton').click(function() {
$.ajax({
type: 'GET',
url: 'message.php',
dataType: 'html',
success: function(html, textStatus) {
alert(html);
},
error: function(xhr, textStatus, errorThrown) {
alert('An error occurred! ' +
( errorThrown ? errorThrown : xhr.status );
}
});
});
});
})(jQuery);
you can use following code for the php file message.php
<?php echo "This is test message"; ?>
jQuery Core
— The jQuery Function
— jQuery Object Accessors
— Data
— Plugins
— Interoperability
Selectors
— Basics
— Hierarchy
— Basic Filters
— Content Filters
— Visibility Filters
— Attribute Filters
— Child Filters
— Forms
— Form Filters
Attributes
— Attr
— Class
— HTML
— Text
— Value
Traversing
— Filtering
— Finding
— Chaining
Manipulation
— Changing Contents
— Inserting Inside
— Inserting Outside
— Inserting Around
— Replacing
— Removing
— Copying
CSS
— CSS
— Positioning
— Height and Widths
Events
— Page Load
— Event Handling
— Live Events
— Interaction Helpers
— Event Helpers
Effects
— Basics
— Sliding
— Fading
— Custom
— Settings
Ajax
— AJAX Requests
— AJAX Events
— Misc.
Utilities
— Browser and Feature Detection
— Array and Object Operations
— Test Operations
— String Operations
— Urls
In some placed you want to do same task for two or several kind of events
for example , you want to pop up message when user click on and keypress of a div element
function myhandler(){
alert('hello');
}
jQuery('div').click(myhandler).keydown(myhandler);
Basically you can handle click event and keydown event using above example
Agile Scrum based
http://axosoft.com/ontime#features
Develop mobile applications
http://mashable.com/2010/11/07/how-to-mobile-app-development/