Jquery serialize（）方法不起作用

我有一个基本的html和javascript函数，如下所示。当我按表单Id序列化表单时，它可以工作。但是我想序列化一段html内容，它不是像$'.FormReference.serialize这样的表单

我不能做什么

    $(function () {

        $('#btnLogin').click(function (event) {

            alert($('#form1').serialize());
        });

    });


<form id="form1" runat="server" action="">
    <div>
        <table class="FormReference">
            <tr>
                <td>
                    <input type="text" id="_Username" name="Username" />
                </td>
                <td>
                    <input type="text" id="_Password" name="Password" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" id="btnLogin" value="Login" />
                </td>
            </tr>
        </table>
    </div>
    </form>

发件人：

.serialize方法可以作用于已选择单个表单元素（如和）的jQuery对象。但是，通常更容易选择标记本身进行序列化：

所以你有两个选择：

$('.FormReference').closest('form').serialize(); // serialize the whole form
$('.FormReference').find('input, select, textarea, button').serialize(); // serialize only elements contained within .FormReference
$('.FormReference').find(':input').serialize(); // shorter, but less efficient, alternative

发件人：

.serialize方法可以作用于已选择单个表单元素（如和）的jQuery对象。但是，通常更容易选择标记本身进行序列化：

所以你有两个选择：

$('.FormReference').closest('form').serialize(); // serialize the whole form
$('.FormReference').find('input, select, textarea, button').serialize(); // serialize only elements contained within .FormReference
$('.FormReference').find(':input').serialize(); // shorter, but less efficient, alternative

仅适用于窗体或窗体元素集合。$'。FormReference'是一个表，而不是表单或表单元素。仅适用于窗体或窗体元素集合。$'。FormReference'是一个表，而不是表单或表单元素。关于$'.FormReference'.find'：input'：-P关于$'。FormReference'.find'：input'：-P呢