HTML+CSS+JavaScript

Вопрос в следующем.

<div id="SHobbi1" onClick="xxx" onMouseOver="yyy" onMouseOut="zzz">Текст</div>

Можно ли как-то убрать: onClick, onMouseOver, onMouseOut - из кода?
Как делают эти события в наст. время? Выносят в jqwery по id элемента?
Можно ли вынести вручную в javascript без применения jqwery?
Или есть какие-то другие варианты?

просто повесить их динамически
document.getElementById('SHobbi1').onclick = function() {...}
etc.
jquery не панацея

confirm правильно вопрос задал.. Это хорошо, когда один селектор..
А когда много?

мде. если хотите, чтобы вам действительно и быстро помогли, то излагайте изначально всё максимально подробно

хотя... это вариант.. спасибо, принято к сведению.

Для одного элемента или таких элементов с этими событиями много?

Много.. будет очень много.
Хочу все <select> - перевести на дивы...
По примеру того, как сделано "вконтакте".
Визуально похоже, принцип ясен, но кода получается очень много.

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

А можно маленький примерчик? ))

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

очень интересная статья, спасибо
а синхронно (или начать следующее, до момента завершения предыдущего) два или более события можно таким образом? или всетаки по очереди?

В JS все наступившие на данный момент события и будут обрабатываться сразу, ни кто ждать не будет. Правда не совсем тютя в тютю сразу, и если вы только сумеете ручками одномоментно породить и перемещение, и щелчок, и еще чего-то.
Зачастую требуется обратное, последовательность выполнения. Читайте обо всем этом на этом же ресурсе, там все есть.

В JS все наступившие на данный момент события и будут обрабатываться сразу
т.е. будут выполняться несколько независимых копий скрипта?
я же валенок в JS, поэтому и задаю глупые вопросы по мере их возникновения
___
еще очень напрягает отсутсвие $ перед переменными как в РНР

Что значит копий скрипта? Каждая задача, это отдельный процесс в рамках программы, а не копия самой себя, тем более другой. Если вызвать анимацию одного элемента, затем другого, то начнут выполнятся обе анимации, вторая не обязана ждать пока первая не закончится.

Прилепляйте бакс к именам, если вам это так нравится, вам никто не запрещает этого делать.

>еще очень напрягает отсутсвие $ перед переменными как в РНР
возможно я ошибаюсь, но лепить везде $ не совсем корректно и может ввести в заблуждение. т.е если используется jquery вот так ок:

var $wrapper = $('#wrapper');

а вот так не ок

var $wrapper = document.getElementById('wrapper');

по крайней мере я, когда вижу этот символ в начале переменной, всегда ожидаю, что там именно будет jquery-объект.

сюда сходите - код ваш на 90% будет из долларов состоять :)

жесть. в первый раз такой энкодер вижу. мне вот интересно, что по производительности? js.min понятно что быстрее, чем обычный javascript, но как интерпретатор интерпретирует вот это вот?

Благодарю, интересно.