Простые примеры jquery
<!DOCTYPE html> <html> <head> <script src=»jquery.js»></script> <script> function callback() { alert(123); } $(document).ready( function() { $(«#test»).click(function(){$(this).hide();}); $(«#mydiv»).click(function(){$(«#test»).hide();}); $(«#mydiv1»).click(function(){$(«#test»).show();}); $(«#mydiv2»).click(function(){$(«#test»).toggle(1000,callback);}); $(«.mydiv3»).click(function(){$(«#test»).fadeOut();}); $(«.mydiv4»).click(function(){$(«#test»).fadeIn();}); $(«.mydiv5»).click(function(){$(«#test»).fadeToggle(1000);}); $(«.mydiv6»).click(function(){$(«#test»).slideUp();}); $(«.mydiv7»).click(function(){$(«#test»).slideDown();}); $(«.mydiv8»).click(function(){$(«#test»).slideToggle(1000);}); $(«.mydiv9»).click(function() { $(«#test»).animate({left: ‘250px’}); $(«#test»).animate({top: ‘250px’}); $(«#test»).animate({left: ‘0px’}); $(«#test»).animate({top: ‘0px’}); } ); $(«.mydiv10»).click(function() { $(«#test»).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100).slideToggle(100); } ); $(«.mydiv11»).click(function() { $(«#test»).animate({color: ‘#ff0000’}); } ); $(«.mydiv12»).click(function() { $(«.mydiv12»).html(«Текст изменен»); $(«input»).val(«Значение изменено»); alert($(«input»).val());… Читать далее »