index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>New Страница</title> <!-- подключаем библиотеку онлайн через Google CDN --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> /*в JavaScript это событие onload*/ window.onload = function() { var a = document.getElementById('p1'); a.style.color = '#F00'; a.style.fontSize = '22px'; } /*в jQuery это метод ready()*/ $(document).ready(function () { $('#p2').css({ 'color': '#0F0', 'font-size': '22px' }); }); /*в jQuery это сокращенный метод*/ $(function () { $('#p3').css({ 'color': '#00F', 'font-size': '22px' }); }); </script> </head> <body> <div> <p id="p1">Hello World!</p> <p id="p2">Hello World!</p> <p id="p3">Hello World!</p> <p id="p4">Hello World!</p> </div> <script> /*скрипт находится в конце файла*/ $('#p4').css({ 'color': '#FF6600', 'font-size': '22px' }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>New Страница</title> <!-- подключаем библиотеку онлайн через Google CDN --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> /*в JavaScript это событие onload*/ window.onload = function() { var a = document.getElementById('p1'); a.style.color = '#F00'; a.style.fontSize = '22px'; } /*в jQuery это метод ready()*/ $(document).ready(function () { $('#p2').css({ 'color': '#0F0', 'font-size': '22px' }); }); /*в jQuery это сокращенный метод*/ $(function () { $('#p3').css({ 'color': '#00F', 'font-size': '22px' }); }); </script> </head> <body> <div> <p id="p1">Hello World!</p> <p id="p2">Hello World!</p> <p id="p3">Hello World!</p> <p id="p4">Hello World!</p> </div> <script> /*скрипт находится в конце файла*/ $('#p4').css({ 'color': '#FF6600', 'font-size': '22px' }); </script> </body> </html>