最终目的：做一个方便的排序功能。具体实现：点击后可以输入排序后的编号，删除后自动更新数据库。1、我想用span来完成这个功能，这个功能需要一些东西来监控页面上指定的span，那就是：ready(fn)绑定一个函数，在加载DOM的时候执行，可以查询和操作。$(文档)。ready(function(){//在这里写代码.});2.这一页有许多跨度。我们如何区分它们？有身份证吗？还是阶级？Id太单一，所以用class，因为排序不是针对一条数据，而是针对多条。span class=' BY ' 3/span br/BRspan class=' BY ' 2/span br/BRspan class=' BY ' 1/span br/BRspan class=' BY ' 0/span br/3，我认为绑定事件必须是click $ (document)。ready (function () {br $(')。by ')。click(function(){ bralert(' test first ')；BR })；BRBR })；BR 4，然后使span成为一个输入框。go按如下方式复制代码： $(文档)。ready (function () {$(')。by ')。单击(function () {var old=$ (this))。text()；var o=$(this)；o . html(' input class= ' OnBy ' type= ' text ' value= ' old ' '/')；});});5、这时发现一个问题，不能点击。过了钟，号码就没了。因此，您不能输入更改。想到什么办法？记得自动获取选择吗？副本代码如下： $(文档)。ready (function () {$(')。by ')。单击(function () {var old=$ (this))。text()；var o=$(this)；o . html(' input class= ' OnBy ' type= ' text ' onMouseOver= ' this . select()； ' value= ' old ' '/')；});});6，可以轻松更改。然而，当鼠标移开时，它就不能被改回来。郁闷，怎么办？副本代码如下： $(文档)。ready (function () {$(')。by ')。单击(function () {var old=$ (this))。text()；var o=$(this)；o . html(' input class= ' OnBy ' type= ' text ' onMouseOver= ' this . select()； ' value= ' old ' '/')；$('.OnBY ')。blur(function() { o.html($(')。OnBY ')。val())；});});});用失焦函数替换html代码。在后面还是修改值。7，但是您不能与数据库协商，接下来将使用ajax。快看。副本代码如下： $(文档)。ready (function () {$(')。by ')。单击(function () {var old=$ (this))。text()；var o=$(this)；o . html(' input class= ' OnBy ' type= ' text ' onMouseOver= ' this . select()； ' value= ' old ' '/')；$('.OnBY ')。blur(function() { $)。ajax({ type: 'GET '，url: 'Admin_BY.aspx '，data: 'BY=' $(')。OnBY ')。val()，success:函数(msg){ alert(msg)；o.html($(')。OnBY ')。val())；} });});});});将修改后的By参数提交给Admin_BY.aspx进行处理，后台处理我就不说了。使用Requst。查询获取它。8.再改进一下。排序必须指定数据ID span class='BY' DbID='3' title='单击修改' 3/span br/span class=' BY ' DBid=' 2 ' title='单击修改' 2/span br/span class=' BY ' DBid=' 1 ' title='单击修改' 1。br/span class=' by ' dbid=' 0 ' title='单击以修改' 0/span br/复制代码如下： $(文档)。ready (function () {$(')。by ')。单击(function () {var old=$ (this))。文本(。var o=$(this)；o . html(' input class= ' OnBy ' type= ' text ' onMouseOver= ' this . select()； ' value= ' old ' '/')；$('.OnBY ')。blur(function() { $)。ajax({ type: 'GET '，url: 'Admin_BY.aspx '，data : ' ID=' o . attr '(' BYID ')' BY=' $(')。OnBY ')。val()，success:函数(msg){ if(msg . indexof('[BYNOK]')0){ o . html($(')。OnBY ')。val())；} else {alert('出错：' msg ')；o.html(旧)；} } });});});});还有更多想法，有空再补充。比如修改时，有数据处理的时间，在等待的同时，将鼠标样式改为忙碌等。或者更新后重新加载数据，因为具体数据不同，只能具体应用。或者直接刷新页面。原创初学者，请不吝指教。Kas PS:关于ERic Poon兄弟说在哪里用过，随便抓一张图片参考一下。