用于创建 HTML 元素的 jQuery 选项

Question

您好，有人能指出我的文档方向吗？该文档指定了哪些选项可用于使用 jQuery 创建的元素？比如类、文本、点击等

例如

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

Answer 1

来自the documentation：

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

这意味着：

1. 任何属性，例如href 或src

2. 任何事件，例如click 或mouseover

3. 名为text、html、data、width、height 或 offset 的属性的工作方式与对应的同名 jQuery 方法一样。

在您的情况下，您需要使用事件名称：change 而不是 onchange。

Answer 2

选择元素受所有Form Events、Mouse Events 和Keyboard Events 以及标准HTML 属性的约束。

---

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

---

HTML Attributeshttp://www.quackit.com/html/tags/html_select_tag.cfm

• 姓名
• 尺寸
• multiple 指定可以进行多项选择。
• 类
• id
• dir 指定文本的方向
• lang 语言代码
• 样式 内联样式 (CSS)
• title 指定与元素关联的标题。
• tabindex 帮助确定标签顺序（当用户“标签” 通过页面上的元素）。
• disabled 禁用输入控件。该按钮不接受更改 来自用户。它也无法获得焦点，并且会在以下情况下被跳过 制表符。

---

Keyboard Eventshttp://api.jquery.com/category/events/keyboard-events/

• 专注
• 聚焦
• keydown
• 按键
• keyup

---

Mouse Eventshttp://api.jquery.com/category/events/mouse-events/

• 点击
• dblclick
• 专注
• 聚焦
• 悬停
• 鼠标按下
• 鼠标输入
• 鼠标离开
• 鼠标移动
• 鼠标移出
• 鼠标悬停
• 鼠标移动
• 切换

---

Form Eventshttp://api.jquery.com/category/events/form-events/

• 模糊
• 改变
• 聚焦
• 选择
• 提交

---

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