Архив

Публикации с меткой ‘jquery’

Заметки по jquery

16 Сентябрь 2009 1 комментарий

В один прекрасный день моя жизнь стала проще – я познакомился с javascript фреймворком jquery. С этого прекрасного дня много воды утекло, много чего попробовано, изучено, измучено и забыто. Поэтому когда нужен очередной финт ушами на jquery надо вспоминать, где же я это применял, лопатить в коде – неудобно. Наверно есть какой то супер способ это все хранить, но я в меру своей самобытности до такого способа пока не допетрил, поэтому буду собирать это в своем блоге, заодно и другим понадобиться.

  1. получить текст из jquery select option: $(‘select option:selected’).text()
  2. получить доступ к элементу родительского окна из iframe: $(‘element’, window.parent.document).
  3. получить доступ к переменной родительского окна из iframe: parent.varName = 10;
  4. получить значение родительского элемента: (this).parents().filter(‘form’).attr(‘id’)
  5. проверить существование элемента на jquery: if ( $(‘#myDiv’).length ) $(‘#myDiv’).show();
  6. очистить форму на jquery $(“#myFormId”).clearForm();
  7. выборка инпутов по типу input[type=checkbox]
  8. добавить элемент в конец списка select $(“#color”).append( $(“<option value=’cream’>кремовый</option>”) );
  9. получить значение выбранного переключателя input:radio[name=auto]:checked’).val()
  10. сделать на jquery select option с определенным значением выбранным: $(‘#type option[value=\'0\']‘).attr(‘selected’, ‘selected’);
  11. получить доступ к DOM iframe через jQuery: $(‘#iframe_id’).contents().find(‘#element_id’);

Как проверить существование элемента?

Вы можете использовать свойство length набора jQuery, возвращенного селектором.

if ( $('#myDiv').length )
  $('#myDiv').show();
Categories: Новости Tags: