Вид скрипта.
 

Всем привет.Написал скриптик, добавляет ссылку на страницу, но как то "не нравится" он мне. Можно ли как то по другому это дело изобразить? Вроде много "лишнего" :)

var myprofile = '{$myprofile}';
 var sql_list = '{$sql_list}';
  var user = '{$user}';
  var text ='Ссылка на компонент Dieta в профиле';
  var link = '<td><img style="width:24px" src="/templates/{template}/images/dieta/no_diet.png" border="0"/></td><td><a href="/dieta/'+user+'/eat">Мой план</a></td>';
  $(function(){
  var newTr = document.createElement('tr');
  var table = $("body").find("table")[3];
  var ul = document.getElementById('tabs');
  var li = $(ul).find('li');
  var span = $(ul).find('li span');

  for(i=0;i<7;i++){
 if($(span[i]).text() == text){$(li[i]).hide()};
  }
  newTr.innerHTML = link;
 if(myprofile && sql_list){ table.insertBefore(newTr, table.firstChild)};
  })

Ну во-первых - зачем такой винегрет из document.getElementById и JQ? Почему не

var ul = $('#tabs'),
  li = ul.find('li'),
  span = li.find('span');

Вот это я и имел ввиду. Просто ещё не очень знаю разницу чистого Javascript и JQ.:)

Не знаю как теперь, но раньше в IE нельзя было менять innrHTML для tr

См. innerhtml.ru

Это только во-первых. Что касаемо знаний, так кто же вам мешает изучать методы jQuery. Получается, что о document.getElementById вы знаете, а о $("#id_selector") нет? Ведь var ul = document.getElementById('tabs'); ради того чтобы потом получить это как JQ объект $(ul), это кощунство. :) Равноценно еще пишут и так - в неком обработчике установленном JQ делают следующие $(this).val(), и все, то есть ради получения значения. Но ведь значение поля проще в данном случае получать так - this.value. А $(this).val() лишняя совсем не нужная нагрузка, и пусть она мизерная, но если поступать так по любому поводу, то это уже плохо.

Что касается дальнейшего, то совсем не понятно - речь идет о вставке ссылки, которая на момент выполнения скрипта на клиенте будет иметь одно значение, а вставляется она несколько раз в цикле. Зачем?

Это не совсем тоже самое посмотри

Я не о тождественности действий, а также возможности воздействовать valHooks, а вот о таком:

$('div').on('change input', 'select, input', function() {
        console.log(this.value, $(this).val())
})

<div>
<select>
    <option value="1">aaa</option>
    <option value="2">bbb</option>
</select>
<input />
</div>

Чем значения в данном случае будут различны?

laimas, посмотри valHooks по ссылке там описаны различия, select там есть

Зачем? :) Я показываю конкретный пример, я их беру из того что тут пишут - получить значение из списка, поля ввода, отправить асинхронным запросом. В чем будет разница для сервера при this.value и $(this).val()?

laimas, тут много что пишут, ты же не конкретный пример имел ввиду изначально