用于创建 HTML 元素的 jQuery 选项

发布于 2024-12-20 06:06:46 字数 317 浏览 0 评论 0原文

您好,有人可以向我指出文档的方向,该文档指定了使用 jQuery 创建的元素可用的选项吗?例如课程、文本、点击

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

Hi can someone point me in the direction of the documentation that specifies what options are available for elements created with jQuery? like class, text, click etc

e.g.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

顾忌 2024-12-27 06:06:46

来自文档

从 jQuery 1.4 开始,jQuery() 的第二个参数可以接受由可传递给 .attr() 方法的属性的超集组成的映射。此外,可以传入任何事件类型,并且可以调用以下 jQuery 方法:val、css、html、text、data、width、height 或 offset。名称“class”必须在映射中加引号,因为它是 JavaScript 保留字,并且不能使用“className”,因为它不是正确的属性名称。

这意味着:

  1. 任何属性,例如 hrefsrc

  2. 任何事件,例如 clickmouseover

  3. 名为 text 的属性, htmldatawidthheightoffset 工作方式与相应的 jQuery 类似具有相同名称的方法。

在您的情况下,您需要使用事件名称:change 而不是 onchange

From the documentation:

As of jQuery 1.4, the second argument to jQuery() can accept a map consisting of a superset of the properties that can be passed to the .attr() method. Furthermore, any event type can be passed in, and the following jQuery methods can be called: val, css, html, text, data, width, height, or offset. The name "class" must be quoted in the map since it is a JavaScript reserved word, and "className" cannot be used since it is not the correct attribute name.

This means:

  1. Any attribute such as href or src

  2. Any event such as click or mouseover

  3. Properties named text, html, data, width, height or offset work just like the corresponding jQuery methods with the same name.

In your case you need to use the event name: change instead of onchange.

鹿港小镇 2024-12-27 06:06:46

select 元素受所有表单事件鼠标事件键盘事件以及标准 HTML 属性。


通常,您将使用 name、class、id、style、title 和 tabindex HTML 属性。
我最常使用和看到与选择对象(大多数表单对象)一起使用的事件是单击、悬停(与 .toggle() 一起使用)、mouseleave/mouseenter(而不是悬停/.toggle())。


HTML 属性 http://www.quackit.com/html/tags/html_select_tag .cfm

  • 名称
  • 大小
  • 多个 指定可以进行多个选择。
  • class
  • id
  • dir 指定文本的方向
  • lang 语言代码
  • style 内联样式(CSS)
  • 标题 指定与元素关联的标题。
  • tabindex 帮助确定 Tab 键顺序(当用户“按 Tab 键”时)
    通过页面上的元素)。
  • disabled 禁用输入控件。该按钮不接受更改
    来自用户。它也无法接收焦点,并且在以下情况下将被跳过:
    选项卡。

键盘事件 http://api.jquery.com/category/events/键盘事件/

  • 焦点输入
  • 焦点输出
  • keydown
  • 按键
  • keyup

鼠标事件 http://api.jquery.com/category/events/mouse- events/

  • click
  • dblclick
  • focusin
  • focusout
  • hover
  • mousedown
  • mouseenter
  • mouseleave
  • mousemove
  • mouseout
  • mouseover
  • mouseup
  • 切换

表单事件 http://api.jquery.com/category/events/form-events/

  • 模糊
  • 更改
  • 焦点
  • 选择
  • 提交

除此之外,还有相当多的 CSS 属性可以应用于该元素。但是该列表会使这篇文章的长度增加一倍,所以我不会发布它们。

A select element is subject to all of the Form Events and the Mouse Events and Keyboard Events as wells as the standard HTML attributes.


Typically, you'll use the name, class, id, style, title and tabindex HTML attributes.
The events that I've most commonly used and seen used with a select object (most form objects) are the click, hover (used with .toggle()), mouseleave/mouseenter (instead of hover/.toggle()).


HTML Attributes http://www.quackit.com/html/tags/html_select_tag.cfm

  • name
  • size
  • multiple Specifies that multiple selections can be made.
  • class
  • id
  • dir Specifies the direction of the text
  • lang Language code
  • style Inline style (CSS)
  • title Specifies a title to associate with the element.
  • tabindex Helps determine the tabbing order (when the user 'tabs'
    through the elements on the page).
  • disabled Disables the input control. The button won't accept changes
    from the user. It also cannot receive focus and will be skipped when
    tabbing.

Keyboard Events http://api.jquery.com/category/events/keyboard-events/

  • focusin
  • focusout
  • keydown
  • keypress
  • keyup

Mouse Events http://api.jquery.com/category/events/mouse-events/

  • click
  • dblclick
  • focusin
  • focusout
  • hover
  • mousedown
  • mouseenter
  • mouseleave
  • mousemove
  • mouseout
  • mouseover
  • mouseup
  • toggle

Form Events http://api.jquery.com/category/events/form-events/

  • blur
  • change
  • focus
  • select
  • submit

On top of all this, there's quite a bit of CSS attributes that can be applied to the element.. but that list would double the length of this post so I'll refrain from posting them.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文