Сделайте строку таблицы начальной загрузки кликабельной наиболее эффективным способом

Question

Я хочу, чтобы строка стала кликабельной по пути:

1. Наиболее эффективный (с точки зрения сервера и клиента)
2. Сделайте как можно больше разных браузеров без каких-либо настроек на моемpart

У меня есть возможность реализовать это в jquery следующим образом:

// my tr (row) class
<tr class='clickable-row' data-href='url:www.google.com'>
      <td>Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td>61</td>
      <td>2011/04/25</td>
      <td>$320,800</td>
    </tr>

$(document).ready(function () {
        $("#dtBasicExample").on('click', 'tbody > tr.clickable-row', function (e, row, $element) {
            window.location.href = $(this).data("href");
        });
    });

И у меня есть возможность реализовать его в чистом JS следующим образом:

<tr onclick="document.location = '#';">
      <td>Donna Snider</td>
      <td>Customer Support</td>
      <td>New York</td>
      <td>27</td>
      <td>2011/01/25</td>
      <td>$112,000</td>
    </tr>

Что правильнее, а что лучше?

Answer 1

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

Что касается поддержки большего количества браузеров, я склоняюсь к чистому решению JS, так как это базовая функция, которая все еще поддерживается в IE6: onClick Web API

jQuery не обязательно поддерживается во всех браузерах