首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 分享一段jquery代码，点击后可编辑

分享一段jquery代码，点击后可编辑

时间：2009-07-10

来源：互联网

是从网上找到的，做了些小修改。

复制代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Accordion 2</title>
  5. <script type="text/javascript" src="/jquery/js-inc/jquery-1.3.2.min.js"></script>
  6. <script type="text/javascript">
  7. $(function() { //网页 ready 后加载此方法
  8. //$("div#email2").hide();这个我们用append来产生
  9.     $('span[id=email]')
  10.     .mouseover( function() { $(this).css("background-color","#ffff90") }) //鼠标移上<span id="email">元素后改其css里background-color的值
  11.     .mouseout( function() { $(this).css("background-color","white") }) //鼠标移离<span id="email">元素后改其css里background-color的值
  12.     .click( function() {
  13.     //$("div#email2").show();
  14.     $("<div id='email2'></div>").appendTo($("span#email").parent());
  15.             
  16.             var origEmail = $(this).text(); //取得<span>元素包含的文本
  17.              $(this).hide(); //隐藏自身
  18.              $('<input name="email" value="' + origEmail + '" type="text"/>')
  19.              .appendTo("div#email2").focus()
  20.              .keydown( function(ev) { //绑定 keydown 事件
  21.            if (ev.which == 13) { //回车的键盘 key code 为 13
  22.           // alert(this);
  23. inputtext(this);
  24.             
  25.            }  
  26.          })
  27.          .blur(function(){inputtext(this)});
  28.     });//end click
  29. });
  30. function inputtext(cc) {
  31. //alert(22);
  32.     var email = $(cc).val() //取出<input>元素此时的值
  33.             $(cc).remove() //移除该<input>元素
  34.             $('span[id=email]').text(email).show()
  35. }
  36. </script>
  37. <span id="email">email:tuuu(click here pls)</span>
  38. <!--<div id="email2">email:</div>这个我们用append来产生-->
  39.       

作者: shgen   发布时间: 2009-07-10

谢谢LZ了，今天正要实现一个这样的东西呢，来这里逛逛没想到就看到你的代码，我知道怎么做了。

作者: allenmeng   发布时间: 2009-07-10

$(cc).remove() //移除该<input>元素
换成下面的更好
$(cc).parent().remove() //移除该<input>元素

作者: shgen   发布时间: 2009-07-14

好东西~~~谢谢分享

作者: lilac0423   发布时间: 2009-07-14

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net