jQuery – Javascript нового поколения

Июль 4, 2007 12:12 пп автор maratische | Рубрики: Главное | Метки:

мое мнение основанное на беглом просмотре статьи jQuery – Javascript нового поколения: втопку

их же пример прототайпа(с которым они сравниваются), громоздкое, но понятное и читаемое решение - всем нечетным ставят класс


$$("table").each(function(table){
Selector.findChildElements(table, ["tr"])
.findAll(function(row,i){ return i % 2 == 1; })
.invoke("addClassName", "odd");
});

что у них?

$("tr:nth-child(odd)").addClass("odd");

и еще несколько примеров


$("div > p");
$("#outer > div.news-item > p:nth-child(odd)");

я конечно писал много лет на перле, там можно писать коротко, красиво и изящно, но не настолько же усугубляться в этом движке, что человек которые не помнит все эти буковки стрелочки, просто будет неврубаться в код.

абсолютно не интуитивно понятная среда (я знаю XPath и его закорючки)

(8 votes, average: 3.25 out of 5)

Loading ...

Добавить комментарий »

Олег Курносов:

Да, другое дело, RubyOnRails !

( Comment от Олег Курносов — Июль 4, 2007 @ 12:43 пп )

Тимур Вафин:

Вообще говоря это не “буковки стрелочки” а ccs селекторы.
В ror достаточно просто внедряется http://yehudakatz.com/2007/05/17/jquery-on-rails-a-fresh-approach/
http://mad.ly/2007/05/17/jquery-ajax-rails/

Общий смысл: так как и в прототайпе и в жквери $(element) означает практически одно и тоже, rjs будет работать так же как работал.


page["#posts"].append render(:partial => 'post', :locals => {:post => @post})

#=> $("#posts").append("Post #29 info…");

page[".hide-this"].hide

#=> $('.hide-this').hide();

page["#foo"].html("bar").append("baz")

#=> $("#foo").html("bar").append("baz");

page["h1"].add_class "make-red"

#=> $("h1").addClass("make-red");

( Comment от Тимур Вафин — Июль 4, 2007 @ 2:57 пп )

Ярослав Швецов:

Ну и prototype помедленее будет, чем JQuery.

( Comment от Ярослав Швецов — Июль 4, 2007 @ 5:06 пп )

bolk:

Присоединяюсь к Тимуру:

nth-child(odd) — селектор из CSS3 (N-ый потомок, слово odd — нечётный)
div > p — селектор из CSS2.1 (div с p как родители)
#outer > div.news-item > p:nth-child(odd) — решётка означает ID элемента, div.news-item — тег DIV с классом news-item (CSS1)

это действительно обычные селекторы CSS, так что синтаксис jQuery вполне удобный и понятный

( Comment от bolk — Июль 5, 2007 @ 11:18 дп )

RSS лента комментариев к этой записи. TrackBack URI