$("<input id='textBox' type='text'/>" +
  "<input id='textBox' type='text'/>" +
  "<input id='textBox' type='text'/>").insertAfter("#something");

$("#textBox")[0].val("one");
$("#textBox")[1].val("two");
$("#textBox")[2].val("three");

$("#textBox")[1].val("two");

$("<input class='textBox' type='text'/>" +
  "<input class='textBox' type='text'/>" +
  "<input class='textBox' type='text'/>");

alert($(".textBox").length); // 3 штуки.

$("<input class='textBox' type='text'/>" +
  "<input class='textBox' type='text'/>" +
  "<input class='textBox' type='text'/>").insertAfter("#something");

$(".textBox:first").val("one");
$(".textBox:eq(1)").val("two");
$(".textBox:nth(2)").val("three");

В результате мы получим вот такой HTML:

<p><span>Ahoy</span>, how are you?<p>I'm fine</p></p>

M> Это я стандарты не люблю

<p>
  <p>text</p>
</p>

<p/>
<p>text</p>
<p/>

I>Я не критикую мне просто интересно — реально удобно чтоли? вот не понимаю я зачем изобретать все вермя велосипед. использовать различные СВОИ шаблонизаторы вместо xslt+xml, использовать фреймворки для JS. зачем?

// находим все элементы с class="ex" (это ссылки)
// и присваиваем им в onclick функцию
$(".ex").click(
    function() // при клике по ссылке с class=".ex" будет вызвана эта функция
    {
        var a = $(this);

        // показываем элемент с id="loader"
        $("#loader").show("fast");      

        // находим элемент с id="example"
        $("#example") 
            .animate({height: "hide"}, "fast") // прячем его
            .find("#anchors").empty()          // в нем находим элемент с id="anchors" и очищаем его контент
            .end()                             // возвращаемся к элементу с id="anchors"
            .find("div").remove()              // находим все div'ы (внутри элемента с id="example") и удаляем их
            .end()                             // возвращаемся к элементу с id="anchors"
            .animate(                          // прячем (опять? видать баг в коде :) )
                {height: "hide"},          //   схлопываем по высоте
                "fast",                    //   быстро
                function()                 //   по завершении вызываем функцию, в которой
                {
                    // берем значение из аттрибута href кликнутой ссылки
                    // и подгружаем с этой ссылке контент с помощью ajax'а
                    $.get(a.attr("href") + "?" + Math.random(), handleResponse);
                }
            );

        return false;
    }
);

// находим все элементы с классом ex и присваиваем им onclick
$(".ex").click(...

// аналог
var a = getElementsByTagName("a");
for(i = 0; i < a.length; i++)
{
    if(a.className == "ex")
    {
        a.onclick = ...
    }
}

// находим все элементы div внутри элемента с id="example"
$("#example").find("div")

// аналог
?????????

M>Что такое стандартные контролы в стандартной обвязке?

M>Что за свои шаблонизаторы? В статье об этом ни слова

M>// находим все элементы с классом ex и присваиваем им onclick
M>$(".ex").click(...

M>// аналог
M>var a = getElementsByTagName("a");
M>for(i = 0; i < a.length; i++)
M>{
M>    if(a.className == "ex")
M>    {
M>        a.onclick = ...
M>    }
M>}
M>

 function GetElementByProp( o, prop, propval ) {
  GetElementByProp.GEBarr = [];
  GetElementByProp.GEBprop = prop;
  GetElementByProp.GEBpropval = null;
  return GetElementByProp.internal( o )
 }

 function GetElementByProp.internal( o ) {
  if ( o.getAttribute && o.getAttribute( GEBprop ) == GEBpropval ) GetElementByProp.GEBarr.push( o );
  o = o.firstChild;
  while ( o != null ) {
   GetElementByProp.internal( o );
   o = o.nextSibling;
  }
 }

M>Решение занимает четыре строчки. Для того, чтобы его написать, мне понадобилось меньше пяти минут. И так — во всем

$("#myid > div")
$(".articles div:nth(odd)")

M>>Что такое стандартные контролы в стандартной обвязке?

M>>Что за свои шаблонизаторы? В статье об этом ни слова

I> function GetElementByProp.internal( o ) {
скип...
I> }

I>

    $(document).ready(
        function() {
            $("#blocks tr") // находим все tr внутри элемента с id="blocks"
                .hover(
                    function() {  // onmouseover
                        var t = $(this);
                        if(t.attr('class') != 'selected')
                            t.css("background-color", "#efefef");
                        else
                            t.css("background-color", "#FFFF66");
                    },
                    function() { // onmouseout
                        var t = $(this);
                        if(t.attr('class') != 'selected')
                            t.css("background-color", "#fff");
                        else
                            t.css("background-color", "#FFFF99");
                    }
                )
                .click( // onclick
                    function() {
                        var t = $(this);
                        t.toggleClass('selected');
                        if(t.attr('class') == 'selected')
                            t.css("background-color", "#FFFF66");
                    }
                );
        }
    )

M>>Решение занимает четыре строчки. Для того, чтобы его написать, мне понадобилось меньше пяти минут. И так — во всем

M>>Полный XPath поддерживать сложно, потому что все это — эмуляция, так как браузеры не обеспечивают нативную поддержку ни XPath ни CSS selectors

I>есть полная реализация на js XPath 1.0 100k

M>>Это всяко будет медленнее, чем getElementById

$('#example > div')
// vs.
GetElementByProp( document.body, "id", "example" )[0].getElementsByTagName("div")

$('a.clicker').click(
    function(){
        alert('yo');
    }
)