<div id="content">
        <form method="post" action="/">
                <h2>Traffic Light</h2>
                <ul id="traffic_light">
                        <li><input type="radio" class="on" name="light" value="red" /> Red</li>
                        <li><input type="radio" class="off" name="light" value="yellow" /> Yellow</li>
                        <li><input type="radio" class="off" name="light" value="green" /> Green</li>
                </ul>
                <input class="button" id="traffic_button" type="submit" value="Go" />
        </form>
</div>

var active_light = $('#traffic_light .on');

var active_light = $('#traffic_light input.on');

var active_light = $('div#traffic_light');

$('#traffic_light input.on).bind('click', function(){...});
$('#traffic_light input.on).css('border', '3px dashed yellow');
$('#traffic_light input.on).css('background-color', 'orange');
$('#traffic_light input.on).fadeIn('slow');

var $active_light = $('#traffic_light input.on');
$active_light.bind('click', function(){...});
$active_light.css('border', '3px dashed yellow');
$active_light.css('background-color', 'orange');
$active_light.fadeIn('slow');

var $active_light = $('#traffic_light input.on');
$active_light.bind('click',
 function(){return false;})
        .css('border', '3px dashed yellow')
        .css('background-color', 'orange')
        .fadeIn('slow');
 

var $traffic_light = $('#traffic_light'),
        $active_light = $traffic_light.find('input.on'),
        $inactive_lights = $traffic_light.find('input.off');

var top_100_list = [...],
$mylist = $('#mylist');

for (var i=0, l=top_100_list.length; i<l; i++)
{
        $mylist.append('<li>' + top_100_list[i] + '</li>');
}

var top_100_list = [...],
$mylist = $('#mylist'),
top_100_li = "";

for (var i=0, l=top_100_list.length; i<l; i++)
{
        top_100_li += '<li>' + top_100_list[i] + '</li>';
}

$mylist.html(top_100_li);

$('#entryform input).bind('focus', function(){
        $(this).addClass('selected');
}).bind('blur', function(){
        $(this).removeClass('selected');
});

$('#entryform).bind('focus', function(e){
        var cell = $(e.target);  

        cell.addClass('selected');
}).bind('blur', function(e){
        var cell = $(e.target);
        cell.removeClass('selected');
});

var mylib =
{
        article_page :
        {
                init : function()
                {
                        ...
                }
        },
        traffic_light :
        {
                init : function()
                {
                        ...
                }
        }
}

<script type="text/javascript">
    mylib.article.init();
</script>
</body>

$(window).load(function(){
        // функции jQuery, инициализируемые после загрузки страницы
});

function bookmark(title, url) {
        if (title == undefined)
                title = document.title;
        if (url == undefined)
                url = top.location.href;
        if (window.sidebar) {
                // Firefox
                window.sidebar.addPanel(title, url, '');
        } else if (window.opera && window.print) {
                // Opera
                var t = document.createElement('a');
                t.setAttribute('rel', 'sidebar');
                t.setAttribute('href', url);
                t.setAttribute('title', title);
                t.click();
        } else if(window.external ) {
                // IE
                window.external.AddFavorite(url, title);
        }
        else {
//сюда уже проверку сами вставите, хотя, по идее это условие никогда не выполнится
//но для надежности пусть будет
                alert('Что бы добавить страницу в избранное нажмите CTRL-D.');
        }
        return false;
}
 
if (window.external || window.sidebar || (window.opera && window.print)) {
        document.write('<a href="/#"  onclick="bookmark(\'Сайт о веб-программировании\',
\'http://php5.com.ua\'); return false;">Добавить в избранное<\/a>');
}
else {
//проверяем макинтош это или писюк
        this.agent = navigator.userAgent;
        this.mac = this.agent.indexOf("Mac")>-1;
//для макинтоша соответственно выводим
        if (this.mac) document.write('Что бы добавить страницу в избранное нажмите Command-D.');
//для PC выводим
        else document.write('Что бы добавить страницу в избранное нажмите CTRL-D.');
}

<head>

function include(url, callback){

    var script = document.createElement("script")
    script.type = "text/javascript";

    if (script.readyState){  //IE
        script.onreadystatechange = function(){
            if (script.readyState == "loaded" ||
                    script.readyState == "complete"){
                script.onreadystatechange = null;
                callback();
            }
        };
    } else {  //Others
        script.onload = function(){
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

</body>

<script type="text/javascript" src="http://your.com/include.js"></script>
<script type="text/javascript">
include("http://your.com/main.js", function(){
    //initialization code
});
</script>

</body>

function enable_smooth_scroll() {
    function filterPath(string) {
        return string
                .replace(/^\//,'')
                .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
                .replace(/\/$/,'');
    }

    var locationPath = filterPath(location.pathname);
   
    var scrollElement = 'html, body';
    $('html, body').each(function () {
        var initScrollTop = $(this).attr('scrollTop');
        $(this).attr('scrollTop', initScrollTop + 1);
        if ($(this).attr('scrollTop') == initScrollTop + 1) {
            scrollElement = this.nodeName.toLowerCase();
            $(this).attr('scrollTop', initScrollTop);
            return false;
        }    
    });
   
    $('a[href*=#]').each(function() {
        var thisPath = filterPath(this.pathname) || locationPath;
        if  (   locationPath == thisPath
                && (location.hostname == this.hostname || !this.hostname)
                && this.hash.replace(/#/, '')
            ) {
                if ($(this.hash).length) {
                    $(this).click(function(event) {
                        var targetOffset = $(this.hash).offset().top;
                        var target = this.hash;
                        event.preventDefault();
                        $(scrollElement).animate(
                            {scrollTop: targetOffset},
                            500,
                            function() {
                                location.hash = target;
                        });
                    });
                }
        }
    });
}
 

<script>
$(document).ready(function() {
    enable_smooth_scroll();
});
</script>
<a href="#fuck">ХУЙ</a>
<div id="fuck"></div> <!-- Размещаем блок в качестве якоря туда, куда нужно крутить. Это не обязательно должен быть div -->
 

<input type="checbox" name="delete-article[]" value="1" class="delete-article">
<input type="checbox" name="delete-article[]" value="2" class="delete-article">
<input type="checbox" name="delete-article[]" value="3" class="delete-article">
<input type="checbox" name="delete-article[]" value="4" class="delete-article">

<script type="text/javascript">
var array_delete_articles = $("input:checkbox[class=delete-article]:checked"); // загнали в переменную, что бы по несколько раз не делать выборку
if(array_delete_articles.size() == 0){ // т.к. чекбоксов у нас на странице может быть еще много, то ввели класс, по которому будет осуществляться выборка, в принципе можно было сделать селектор через имя чекбокса, но я не пробовал (получится?)
        alert("Отметьте хотя бы один чекбокс для удаления статьи.")
}
else {
        array_delete_articles.each(
                function() { // ajax запрос на удаление артикла
                        $.ajax({
                                type: "GET",
                                url: '/article/delete/' + this.value
                        });
                }
        );
}
</script>

// @format (hex|rgb|null) : Format to return, default is integer
function random_color(format)
{
 var rint = Math.round(0xffffff * Math.random());
 switch(format)
 {
  case 'hex':
   return ('#0' + rint.toString(16)).replace(/^#0([0-9a-f]{6})$/i, '#$1');
  break;
 
  case 'rgb':
   return 'rgb(' + (rint >> 16) + ',' + (rint >> 8 & 255) + ',' + (rint & 255) + ')';
  break;
 
  default:
   return rint;
  break;
 }
}

(Math.round(0xFFFFFF * Math.random()).toString(16) + "000000").replace(/([a-f0-9]{6}).+/, "#$1").toUpperCase();

<div id="header">
    <h1><a href="/" title="homepage">Title</a></h1>
    <h2>Sub-title <span>small description</span></h2>
</div>
<div id="wrapper">
    <div id="content">
        <div class="post">
            <h3>Post Title</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
            <span>Image Title</span>
            <img src="/image1.jpg" alt="Image Alt Text"/>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
            <span class="inner-banner">Banner Text</span>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
        </div>
        <span id="banner"><img src="/banner1.jpg" alt="Big Banner"/></span>
        <div class="post">
            <h3>Post Title</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
            <span>Image Title</span>
            <img src="/image2.jpg" alt="Image Alt Text"/>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
            <span class="inner-banner">Banner Text</span>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed viverra tempus sapien.
               Cras condimentum, tellus id lacinia fermentum, tortor lectus tincidunt sapien,
               vel varius augue tortor vel tortor.</p>
        </div>
    </div>
</div>
<div id="sidebar">
    <ul>
         <li><a href="/item0.html">Menu Item 0</a></li>
         <li><a href="/item1.html">Menu Item 1</a></li>
         <li><a href="/item2.html">Menu Item 2</a></li>
         <li><a href="/item3.html">Menu Item 3</a></li>
    </ul>
</div>
<div id="footer">
    Copyright 2008
</div>
 

$('#sidebar');    // выбор элемента с id = sidebar
$('.post');       // выбор элементов с class = post
$('div#sidebar'); // выбор элемента div с id = sidebar
$('div.post');    // выбор элементов div с class = post

$('div span');            // выбор всех span элементов в элементах div

$('div').find('span');    // выбор всех span элементов в элементах div

$('div > span');          // выбор всех span элементов в элементах div, где span является прямым потомком div'a

$('div, span');          // выбор всех div и span элементов

$('span + img');         // выбор всех img элементов перед которыми идут span элементы
$('span ~ img');         // выбор всех img элементов после первого элемента span
$('#banner').prev();     // выбор предыдущего элемента от найденого
$('#banner').next();     // выбор следующего элемента от найденого

$('*');                // выбор всех элементов
$('p > *');            // выбор всех потомков элементов p
$('p').children();     // --
$('p').parent();       // выбор всех прямых предков элементов p
$('* > p');            // выбор всех предков элементов p (скорей всего Вам не понадобится)
$('p').parents();      // --
$('p').parents('div'); // выбор всех предков элемента p которые есть div (parents принимает в качестве параметра селектор)

$('div:first');     // выбираем первый div в доме
$('div:last');      // выбираем последний div в доме
$('div:not(.red)'); // выбираем div'ы у которых нету класса red
$('div:even');      // выбираем четные div'ы
$('div:odd');       // выбираем нечетные div'ы
$('div:eq(N)');     // выбираем div идущим под номером N в DOMe
$('div:gt(N)');     // выбираем div'ы, индекс которых больше чем N в DOMe
$('div:lt(N)');     // выбираем div'ы, индекс которых меньше чем N в DOMe
$(':header');       // выбо заголовоков h1, h2, h3 и т.д.
$('div:animated');  // выбор элементов с активной анимацией

$('div:contains(text)'); // выбираем div'ы содержащие текст
$('div:empty');          // выбираем пустые div'ы
$('div:has(p)');         // выбираем div'ы которые содержат p
$('div.red').filter('.bold') // выбираем div'ы которые содержат класс red и класс bold
$('div:hidden');         // выбираем скрытые div'ы
$('div:visible');        // выбираем видимые div'ы

$("div[id]");           // выбор всех div с атрибутом id
$("div[title='my']");   // выбор всех div с атрибутом title=my
$("div[title!='my']");  // выбор всех div с атрибутом title не равного my
$("div[title^='my']");  // выбор всех div с атрибутом title начинающихся с my
                        // <div title="myCat">,<div title="myCoffee">, <div title="my...">
$("div[title$='my']");  // выбор всех div с атрибутом title заканчивающихся на my
                        // <div title="itsmy">,<div title="somy">, <div title="...my">
$("div[title*='my']");  // выбор всех div с атрибутом title содержащим my
                        // <div title="itsmy">,<div title="myCat">, <div title="its my cat">,<div title="...my...">

$("a[rel~='external']"); // выбор всех A с атрибутом rel содержащим external в списке значений разделенных пробелом

<a href="" rel="external">link</a> — да
<a href="" rel="nofollow external">link</a> — да
<a href="" rel="external nofollow">link</a> — да
<a href="" rel="friend external follow">link</a> — да
<a href="" rel="external-link">link</a> — нет

$(":text");            // выбор всех input элементов с типом =text
$(":radio");           // выбор всех input элементов с типом =radio
                       // и так далее
$("input:enabled");    // выбор всех включенных элементов input
$("input:checked");    // выбор всех отмеченных чекбоксов

$("div[name=city]:visible:has(p)"); // выбор видимого div'a с именем city, который содержит тег p

$("form select[name=city] option:selected").val(); // получение выбранного(-ых) элементов в селекте city
$("form :radio[name=some]:checked").val(); // получение выбранного значения радиобатона с именем some
$("form :checkbox:checked"); // выбор всех выбранных чекбоксов

$('select[@name=mySelect] option').remove();

$('select[@name=mySelect]').append('<option>Новый элемент списка</option>');

$(xml).find('file').each( function(){
        $('select[@name=loadFileName]').append('<option>'+$(this).find('title').text()+'</option>');
});

$('select[@name=loadFileName] option:first').attr('selected', 'yes');

$('select[@name=loadFileName] option:first').removeAttr('selected');

var file = $('select[@name=loadFileName] option:selected').val();

var file = $('select[@name=loadFileName] option:selected').text();
 

if( typeof $('select[@name=loadFileName] option:selected').text() === 'undefined' ){
       alert('Ни один элемент списка не выбран');
}

$('select[@name=loadFileName]').attr('size', $('select[@name=loadFileName] option').size());

$('select[@name=loadFileName] option:contains('текст нужного элемента')').attr('disabled', 'disabled');

$('select[@name=loadFileName] option:disabled').removeAttr('disabled');

$('#myDivId');

$('.myCssClass');

var myDivElement = $('#myDivId');

// получаем значение элемента
      var myValue = $('#myDivId').val();
      // устанавливаем значение элемента
      $('#myDivId').val("hello world");

$('#myDivId'); // хорошо
      $('div#myDivId'); // плохо
      $('span.myCssClass'); // хорошо
      $('.myCssClass'); // плохо

if ( $('#myDiv').is('.pretty') )
      $('#myDiv').show();

if ( $('#myDiv').is(':hidden') )
      $('#myDiv').show();

$("div").click(function(){
      if ( $(this).hasClass("protected") )
      $(this)
      .animate({ left: -10 })
      .animate({ left: 10 })
      .animate({ left: -10 })
      .animate({ left: 10 })
      .animate({ left: 0 });
      });
 

if ( $('#myDiv').length )
      $('#myDiv').show();
 

$('#myDiv').show();

var isVisible = $('#myDiv').is(':visible');
      var isHidden = $('#myDiv').is(':hidden');

$('#myDiv:visible').animate({left: '+=200px'}, 'slow');

$("#some.id") // не работает
      $("#some\\.id") // работает
      $("#some[id]") // не работает
      $("#some\\[id\\]") // работает

// запрещаем использование элемента #x
      $("#x").attr("disabled","disabled");
      // разрешаем  использование элемента #x
      $("#x").attr("disabled","");
      // разрешаем  использование элемента #x
      $("#x").removeAttr("disabled");

<select id="x" style="width: 200px;"> <option>Один</option> <option>Два</option> <option>Три</option> </select>
      <input onclick="$('#x').attr('disabled','disabled')" type="button" value="Disable" />
      <input onclick="$('#x').removeAttr('disabled')" type="button" value="Enable" />

// отмечаем checkbox с id="c"
      $("#c").attr("checked", "checked");
      // снимаем отметку checkbox'а с id="c"
      $("#c").attr("checked","");
 

<label><input id="c" type="checkbox" />это подопытный checkbox</label>

<select id="myselect"> <option value="1">Mr</option> <option value="2">Mrs</option> <option value="3">Ms</option> <option value="4">Dr</option> <option value="5">Prof</option> </select>

$("select#myselect").val();

$("#myselect option:selected").text();

// не работает
  $(this).find('li a').eq(2).text().replace('foo','bar');

  // работает
  var $thirdLink = $(this).find('li a').eq(2);
  var linkText = $thirdLink.text().replace('foo','bar');
  $thirdLink.text(linkText);

<style>
  #test-list { list-style: none; padding: 0; margin: 0 40px; }
  #test-list li { margin: 0 0 10px 0; background: #eaf3fa; padding: 15px; }
  #test-list .handle { float: left; margin-right: 10px; cursor: move; }
  #test-log { padding: 5px; border: 1px solid #ccc; }
</style>
<script type="text/javascript" src="{ latest jquery release }"></script>
<script type="text/javascript" src="{ ui core }"></script>
<script type="text/javascript" src="{ ui sortable }"></script>
<script type="text/javascript">
  // When the document is ready set up our sortable with it's inherant function(s)
  $(document).ready(function() {
    $("#test-list").sortable({
      handle : '.handle',
      update : function () {//здесь делаем действие, которое нам нужно, например аяксовый вызов сохранения
        $("input#test-log").val($('#test-list').sortable('serialize'));
      }
    });
});
</script>
<ul id="test-list">
  <li id="listItem_1"><img src="arrows.png" class="handle" alt="move" />Item 1 with a link to <a href="http://www.google.co.uk/" rel="nofollow">Google</a></li>
  <li id="listItem_2"><img src="arrow.png" class="handle" alt="move" />Item 2</li>
  <li id="listItem_3"><img src="arrow.png" class="handle" alt="move" />Item 3</li>
  <li id="listItem_4"><img src="arrow.png" class="handle" alt="move" />Item 4
    <p>Perhaps you want to add a form in here?</p>
    <p>Text:<br /><input type="text" /></p>
    <p>And a textarea<br /><textarea></textarea></p>
  </li>
</ul>
<label for="test-log"><strong>Resultant order of list</strong></label>
<input type="text" size="70" id="test-log" />

$("#foo").show().hide();

$(document).ready(function() {
        $("#foo").fadeIn(2000).fadeOut(2000);
});

$(document).ready(function() {
        $("#foo").fadeIn(2000).delay(5000).fadeOut(2000);
});

$("#foo").fadeTo(3000, 0.5);

$(document).ready(function() {
        $("#foo").fadeIn(2000).fadeTo(5000, 1).fadeOut(2000);
});

$(document).ready(function() {
        $("#foo").fadeTo(3000, 0).fadeIn(2000)
        .fadeTo(5000, 1).fadeOut(2000);
});

<div id="cahnge-font-size">
        <input class="ui-state-default ui-corner-all" id="decreaseFont" type="button" name="#" value="Меньше">
        <input class="ui-state-default ui-corner-all" id="resetFont" type="button" name="#" value="Нормально">
        <input class="ui-state-default ui-corner-all" id="increaseFont" type="button" name="#" value="Больше">
</div>
 

<script type="text/javascript">
$(document).ready(function(){
        //      Reset Font Size
        var originalFontSize = $('html').css('font-size');
        $("#resetFont").click(function(){
                $('html').css('font-size', originalFontSize);
        });
        //      Increase Font Size
        $("#increaseFont").click(function(){
                var currentFontSize = $('html').css('font-size');
                var currentFontSizeNum = parseFloat(currentFontSize, 10);
                var newFontSize = currentFontSizeNum*1.2;
                $('html').css('font-size', newFontSize);
                return false;
        });
        //      Decrease Font Size
        $("#decreaseFont").click(function(){
                var currentFontSize = $('html').css('font-size');
                var currentFontSizeNum = parseFloat(currentFontSize, 10);
                var newFontSize = currentFontSizeNum*0.8;
                $('html').css('font-size', newFontSize);
                return false;
        });
});
</script>
 

<SCRIPT LANGUAGE="JavaScript">
<!--
function getObjectProperties (object) {
 var result = '';
 for (var property in object) {
  result += property + ': ' + object[property] + '\r\n';
 }
 return result;
}
alert(getObjectProperties(document.body));//передаем объект, в данном случае тело документа, вывод уже на усмотрение программиста, естественно:)
//-->
</SCRIPT>
 

<script language='javascript' type='text/javascript'>
function fulltime ()   {
var time=new Date();
var newYear=new Date("jan,01,2009,00:00:00"); // здесь вместо 2009 можно вставить php функию <?= date("Y") + 1?>
var totalRemains=(newYear.getTime()-time.getTime());

if (totalRemains>1){

var RemainsSec = (parseInt(totalRemains/1000));
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
var RemainsFullHours=(parseInt(secInLastDay/3600));
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};
var secInLastHour=secInLastDay-RemainsFullHours*3600;
var RemainsMinutes=(parseInt(secInLastHour/60));
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};
var lastSec=secInLastHour-RemainsMinutes*60;
if (lastSec<10){lastSec="0"+lastSec};

document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"<span id='Rem'> дн</span>";
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"<span id='Rem'> час</span>";
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"<span id='Rem'> мин</span>";
document.getElementById("lastSec").innerHTML=lastSec+"<span id='Rem'> сек</span>"; <!-- highslide start  -->
setTimeout('fulltime()',10)  
}

else{
document.getElementById("clock").innerHTML="C НОВЫМ
ГОДОМ !!!";
}
}
</script>
<style type='text/css'>
#clou_xs {position:relative;width:180px;height:235px;background: url(http://s.php5.com.ua/images/php_snow_2008.gif) no-repeat; background-color: #9999CC; padding:10px}
#clock {width:175px;height:235px;text-align:right;color:#000099;font-size:13px;}
#RemainsFullDays {font-size:25px;color: #2C79BF;}
#RemainsFullHours {position:absolute;bottom:1px;left:40px;font-size:15px;color:#000099;}
#RemainsMinutes {position:absolute;bottom:1px;left:87px;font-size:15px;color:#000099;}
#lastSec {position:absolute;bottom:1px;left:135px;font-size:15px;color:#000099;}
#Rem {font-size:11px;font-weight:normal;color:#000099;}
</style>
<div id='clou_xs'>
<div id='clock'>до нового года
 осталось:

<span id='RemainsFullDays'></span>
  <span id='RemainsFullHours'></span>
  <span id='RemainsMinutes'></span>
  <span id='lastSec'></span>
</div>
</div>
<script language='javascript'>fulltime();</script>