JQuery 应用进程详解
发布时间:2018-08-17 16:26:28 所属栏目:业界 来源:站长网
导读:终极目标:想做一个利便的排序成果。 详细实现:点击后可以输入排序的数字编号,移开后自动更新数据库。 1,我想把这个成果用span来完成,也就必要一个在页面上监控指定的span的对象,他就是: ready(fn)当DOM载入停当可以查询及哄骗时绑定一个要执行的函数
副问题[/!--empirenews.page--]
终极目标:想做一个利便的排序成果。
详细实现:点击后可以输入排序的数字编号,移开后自动更新数据库。 1,我想把这个成果用<span>来完成,也就必要一个在页面上监控指定的span的对象,他就是: ready(fn)当DOM载入停当可以查询及哄骗时绑定一个要执行的函数。 Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){// 在这里写你的代码... }); 2,页面上<span>许多,怎样才气区分呢?用id?照旧class?id太单一,于是用class,由于排序不是针对一条数据,而是多条。 Copy to Clipboard引用的内容:[www.veryhuo.com] <span class="BY">3</span><br /><BR><span class="BY">2</span><br /><BR><span class="BY">1</span><br /><BR><span class="BY">0</span><br />3,绑定的变乱我想必定是click Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){<BR> $(".BY").click(function() {<BR> alert('测试下先');<BR> });<BR><BR>}); <BR>4,然后要让span酿成一个输入框才行,go Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){$(".BY").click(function() { var old = $(this).text(); var o = $(this); o.html("<input class="OnBY" type="text" value="" + old + ""/>"); }); }); 5,这时发明白一个 题目,无法点击的。点了之后数字没了。因此就无法输入变动了。想个什么步伐呢?还记得自动获取选择么? Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){$(".BY").click(function() { var old = $(this).text(); var o = $(this); o.html("<input class="OnBY" type="text" onMouseOver="this.select();" value="" + old + ""/>"); }); }); 6,很简朴的可以变动了。不外当鼠标移开的时辰,不能变归去了。忧郁,咋整? Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){$(".BY").click(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。看看。 Copy to Clipboard引用的内容:[www.veryhuo.com] $(document).ready(function(){$(".BY").click(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: function(msg) { alert(msg); o.html($(".OnBY").val()); } }); }); }); }); 把修改的By参数提交给Admin_BY.aspx处理赏罚,靠山的处理赏罚我就不多说了。用Requst.QueryString来获取。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐
热点阅读