Параметры jQuery для созданных элементов HTML - PullRequest
1 голос
/ 09 декабря 2011

Привет, может кто-нибудь указать мне в направлении документации, которая определяет, какие параметры доступны для элементов, созданных с помощью jQuery? как класс, текст, нажмите и т. д.

, например

myelement = $("<select/>",
{
    "class":     "myclass",
    click:  function(){
        console.log(this.value);
    },
    onchange?: function(){
        console.log("don't know the syntax for this");
    }
});

Ответы [ 2 ]

4 голосов
/ 09 декабря 2011

Из документации :

Начиная с jQuery 1.4, второй аргумент jQuery () может принимать карту, состоящую из надмножества свойств, которые могутпередаваться методу .attr () .Кроме того, любой тип события может быть передан в , и могут быть вызваны следующие методы jQuery: val, css, html, текст, данные, ширина, высота или смещение .Имя «класс» должно быть указано в карте, поскольку оно является зарезервированным словом JavaScript, и «имя_класса» нельзя использовать, поскольку оно не является правильным именем атрибута.

Это означает:

  1. Любой атрибут, например href или src

  2. Любое событие, например click или mouseover

  3. Свойства с именами text, html, data, width, height или offset работают так же, как соответствующие методы jQuery с тем же именем.

В вашем случае вам нужно использовать имя события: change вместо onchange.

1 голос
/ 09 декабря 2011

Элементу выбора подчиняются все события формы и события мыши и клавиатура События , а также стандартные атрибуты HTML.

<ч />

Как правило, вы будете использовать HTML-атрибуты name, class, id, style, title и tabindex. Наиболее часто используемые и видимые события, которые я использовал с выбранным объектом (большинство объектов формы), это щелчок, наведение (используется с .toggle ()), mouseleave / mouseenter (вместо hover / .toggle ()).

<ч />

Атрибуты HTML http://www.quackit.com/html/tags/html_select_tag.cfm

  • имя
  • размер
  • несколько Указывает, что можно сделать несколько выборов.
  • класс
  • ID
  • dir Указывает направление текста
  • lang Код языка
  • стиль Встроенный стиль (CSS)
  • title Указывает заголовок, связанный с элементом.
  • tabindex Помогает определить порядок вкладок (когда пользователь «вкладки» через элементы на странице).
  • отключено Отключает управление входом. Кнопка не будет принимать изменения от пользователя. Он также не может получить фокус и будет пропущен, когда табуляции.
<ч />

События клавиатуры http://api.jquery.com/category/events/keyboard-events/

  • focusin
  • focusout
  • KeyDown
  • * 1085 нажатие *
  • KeyUp
<ч />

События мыши http://api.jquery.com/category/events/mouse-events/

  • нажмите
  • DblClick
  • focusin
  • focusout
  • парения
  • MouseDown
  • MouseEnter
  • MouseLeave
  • MouseMove
  • MouseOut
  • Mouseover
  • MouseUp
  • переключение
<ч />

События формы http://api.jquery.com/category/events/form-events/

  • Размытие
  • изменение
  • фокус
  • выберите
  • отправить
<ч />

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

...