如何通过jQuery在浏览器上更改HTML表的宽度

我正在制作一个考试网站，我为jQuery准备了我的html，现在我想让用户在把鼠标放在表格的边框上并拖动它时，改变表格的宽度。因为有些答案可能比我默认的位置长

我应该使用什么api？我想我应该使用drag（）api，但我还需要什么

如果你们能给我提供一些例子，我也将不胜感激：）

一些提示：

$(selector).width();

$(selector).mousedown(function(){});

$(selector).mouseup(function(){});

---

工作演示

希望能有帮助

当你点击并拖动它时，它将允许你调整大小，其余的你可以随意玩，现在就按你的方式玩：）

代码

$(function() {
    var pressed;
    var start;
    var startX;
    var startWidth;
    var wrapper = $("div#wrapper");
    var container = $("table#container");

    $("table th").mousedown(function(e) {
        start = $(this);
        startX = e.pageX;
        startWidth = $(this).width();
        $(start).addClass("resizing");
        pressed = true;
    });

    $(document).mousemove(function(e) {
        if(pressed) {
            var newWidth = startWidth + (e.pageX - startX);
            start.width(newWidth);
            wrapper.width(container.width() + 10);
        }
    });

    $(document).mouseup(function() {
        if(pressed) {
            $(start).removeClass("resizing");
            pressed = false;
        }
    });
});​

---

啊，新作业的味道P:）顺便说一句，所有api都在这里：

.css

或

width

可能适合您“我应该使用什么api？”您搜索过api站点吗？@gdoron是的，我搜索过。我学习了drag（）和drop（）api。我还搜索了地址上的“宽度”。拖放是我能找到的最接近的。但它选择了整个项目。我想要的是选择特定的parts@Tats_innit没有。他们在学校不教我们jQuery，他们也不希望我们在家庭作业中使用它。你们真的认为地球上的每个人都会来这里，在研究jQuery的真正来源之前先问一下吗？；）@帖木儿：）冷静的布鲁夫，不，布鲁夫。如果你现在需要的话，我可以帮你吗？B-）干杯顺便说一句-你只想要可扩展的桌子？