0xD34F

SELECT *
FROM oc_product_option
WHERE product_id IN (
  SELECT product_id
  FROM oc_product_option
  GROUP BY product_id
  HAVING count(product_id) > 1
)

Да, можно сделать гораздо проще. Элементу задаёте transition:

#red {
  transition: opacity 0.2s;
}

Определяете класс, который будет изменять значение opacity:

#red.hidden {
  opacity: 0.5;
}

И переключаете его по клику:

$('#red').click(e => $(e.target).toggleClass('hidden'));

// или

document.querySelector('#red').addEventListener('click', e => {
  e.target.classList.toggle('hidden');
});

const splitArr = (arr, chunks) =>
  Array.from(
    { length: chunks },
    (_, c) => arr.filter((n, i) => i % chunks === c)
  );

или

const splitArr = (arr, chunks) =>
  arr.reduce((acc, n, i) => (
    (acc[i % chunks] = acc[i % chunks] || []).push(n),
    acc
  ), []);

Пробовал watch{} - не помогло.

Это потому что вы код внутри watch не обернули в nextTick.

const options = [ 'first', 'second', 'third', 'fourth' ];
const $table = $('table');

$('button').click(function() {
  $table.append(`
    <tr>
      <td>
        <select>
          <option disabled selected>-</option>
          ${options.map(n => `<option>${n}</option>`).join('')}
        </select>
      </td>
      <td>
        <button class="del">del</button>
      </td>
    </tr>
  `);

  updateDisabled();
});

$table
  .change(updateDisabled)
  .on('click', '.del', function() {
    $(this).closest('tr').remove();
    updateDisabled();
  });


function updateDisabled() {
  const $select = $table.find('select');
  const selectedOptions = $select.get().map(n => n.value);

  $select.find('option').prop('disabled', function() {
    return selectedOptions.includes(this.value);
  });
}

Потому, что

1. Вместо просто числа следует указывать пиксели: 300 ---> '300px'.

2. jsfiddle по умолчанию оборачивает код в window.onload, соответственно, функция, которую вы пытаетесь вызывать в инлайновом обработчике клика, не является глобальной. Используйте querySelector + addEventListener вместо инлайнового обработчика. (UPD. Исправили эту дичь, неактуально).

#xxxten.big {
  width: 300px;
}

document.querySelector('#xxxten').addEventListener('click', function() {
  this.classList.toggle('big');
});

Символы ^ и $ - знаете, что они означают? Начало и конец строки. Неудивительно, что не работает в "большом тексте".

t = 'text'
print('текст %s текст' % t)

mixins

погуглил за вас

получаю ошибку: this.currentGen.snps.genotypes is undefined

Э-э-э, но ведь snps - массив. Наверное, надо так - this.currentGen.snps[0].genotypes. Или forEach'ем по нему пробежаться, если элементов может быть несколько.

UPD. А вообще, по-хорошему, выбора гена должен сводиться к простому присваиванию, объект с данными для графика следует сделать вычисляемым свойством. Примерно так.

Ну так result у вас массив, а ключи добавляемых ему свойств не являются числовыми - соответственно, отбрасываются при преобразовании в строку.

Объявите result как объект - var result = {}; - и всё будет нормально.

document.querySelector('button').addEventListener('click', function() {
  const bar = document.querySelector('#progress');
  const label = document.querySelector('#procent');

  let width = 0;
  const interval = setInterval(function() {
    if (++width >= 100) {
      clearInterval(interval);
    }

    bar.style.width = label.innerText = `${width}%`;
  }, 10);
});

document.querySelectorAll('.news-item_title').forEach(n => {
  n.querySelector('.tit_link').textContent = '[Подробнее]';
  n.closest('.news-block_item').append(n);
});

или (этот способ перебора и предыдущий не взаимозаменяемые - если for...of можно без проблем комбинировать с querySelectorAll, то чтобы тут использовать forEach, придётся коду получения элементов добавить обёртку - [...document.getElementsByClassName('...')]):

for (const n of document.getElementsByClassName('tit_link')) {
  n.innerText = '[Подробнее]';
  n.parentNode.parentNode.appendChild(n.parentNode);
}

или

const items = document.querySelector('.news-block_wrap').children;
for (let i = 0; i < items.length; i++) {
  items[i].children[1].children[0].innerHTML = '[Подробнее]';
  items[i].insertAdjacentElement('beforeend', items[i].children[1]);
}

Что подразумевается под "любым форматом" не очень понятно... а для тех вариантов, что вы показали, подойдёт такая регулярка, например: '/^\+372((( |-)?\d){8,})$/'.

Делаете функцию, которая подсчитывает общую сумму - обходите строки таблицы, берёте значения цены и количества каждого товара, перемножаете, складываете, пишите полученное значение в инпут суммы заказа:

function updateSum() {
  const sum = $('.order-table .number').get().reduce((acc, n) => {
    const price = +$(n).prev().text().replace(',', '.');
    const count = +$('input', n).val();
    return acc + price * count;
  }, 0);

  $('.order-end-form input[type="text"]').val(sum.toFixed(2));
}

Вызывать эту функцию следует при клике на +/-, и при редактировании инпутов с количествами:

$('.order-table')
  .on('click', '.plus, .minus', function() {
    const change = $(this).hasClass('plus') ? 1 : -1;
    $(this).siblings('input').val((i, val) => Math.max(0, +val + change));
    updateSum();
  })
  .on('input', '.number input', function() {
    $(this).val((i, val) => Math.max(0, val | 0));
    updateSum();
  });

А почему бы вам не заглянуть в документацию? Там этот вопрос неплохо освещен.