Javascript jqueryui替代方案

我正在寻找javascript用户界面库（或框架）。我将在jquery中使用它

当然jQueryUI是我的第一站，但它甚至没有提供我想要的最简单的特性。它可以很好地用于丰富的小部件，如日历、模态、排序、拖动，但它缺少我需要的核心功能

例如，我希望能够添加如下按钮：

$('#test_div').button({
    'name': 'test_button',
    'css': 'border: 1px solid #000000',
    'onclick': 'button_click();',
    'onmouseover': 'button_over()'
});

$("<button/>", {  
  "name": "test_button",
  "css": {
     border: "1px solid #000000"
  },  
  click: button_click,
  mouseover: button_over
}).appendTo("#test_div");

显然，这只是一个示例，它没有遵循jquery或jQueryUI约定，但希望您理解我的意思。问题不仅仅在于按钮或简单的元素。另一个例子是jquerywindows。虽然有可能，但尝试实现jqueryui windows内联是一件令人头痛的事情，显然jqueryui并不适合这样做

因此，问题是：

• 有这样的接口库吗，我可以在jquery中使用它
• jQueryUI有我不知道的这种功能吗

---

该功能已经包含在jQuery核心中。它只是在一个不同的格式比你希望的

$('#test_div').replaceWith(
    $("<button>")
        .attr("id",    "test_div")
        .attr("name",  "test_Button")
        .attr("style", "border: 1px solid #000000")
        .click(button_click)
        .mouseover(button_over)
);

$（'#test_div'）。替换为(
$("")
.attr（“id”、“测试分区”）
.attr（“名称”、“测试按钮”）
.attr（“样式”，“边框：1px实心#000000”）
.单击（按钮\单击）
.鼠标盖（按钮上方）
);

---

如果您想简化这一过程，那么编写一个插件将您建议的格式转换为上述格式似乎并不重要。

如果您使用jQuery 1.4，您可以这样做：

$('#test_div').button({
    'name': 'test_button',
    'css': 'border: 1px solid #000000',
    'onclick': 'button_click();',
    'onmouseover': 'button_over()'
});

$("<button/>", {  
  "name": "test_button",
  "css": {
     border: "1px solid #000000"
  },  
  click: button_click,
  mouseover: button_over
}).appendTo("#test_div");

$（“”，{
“名称”：“测试按钮”，
“css”：{
边框：“1px固体#000000”
},  
点击：按钮点击，
鼠标悬停：按钮悬停
}).附于（“#test_div”）；

你看过忍者界面吗

---

这是一篇老文章，但mooTools会创建您想要的元素

var newButton = new Element('input', {
    type: 'button',
    'id': 'test_div',
    name: 'teot_button,
    style: 'border: 1px solid black',
    events: {
        click: function() {
            button_click;
        },
        mouseover: function() {
            button_over
        }
    }
};

newButton.replaces($('test_div'));

如果在应用程序中使用mootools而不是jquery，那么这实际上是可行的，有了您的编码风格，使用mootools可能会更好，因为您似乎可以理解这段代码。mooTools尝试将所有内容都作为Javascript对象处理，而jQuery则采用另一种方法。如果你能理解我提供的那段代码（它能做你想做的事情，有了你的id名，然后去mootools.net准备好文档，查看示例，这是很容易学会的。我个人使用这两种代码，视情况而定，但更喜欢mootools。希望这能有所帮助

---

-Mike[LowLow]

如果你想要一个按钮，为什么不写而不是用HTML？