编程 Javascript

jquery 实现input输入什么div图层显示什么

Posted in Javascript onJune 15, 2014

<html> 
<meta charset="utf-8" /> 
<style > 
.ppp{ 
width:600px; 
height:300px; 
background-color:pink; 
} 
</style> 
<input type="text" id="ttt" name="" value="" maxlength="" placeholder="" /> <br /><br /><br /> <div class="ppp"></div><!-- --> 
<script src="jquery-1.7.2.min.js"></script> 
<script> 
$("document").ready(function(){ 
$("#ttt").keyup( 
function(){$(".ppp:first").html(this.value)} 
) 
}); 
</script> 
</html>

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 学习第五课 Ajax 使用说明

May 17 Javascript

JavaScript快速检测浏览器对CSS3特性的支持情况

Sep 26 Javascript

js禁止回车提交表单的示例代码

Dec 23 Javascript

js判断页面中是否有指定控件的简单实例

Mar 04 Javascript

JavaScript隐式类型转换

Mar 15 Javascript

vue2.0 datepicker使用方法

Feb 04 Javascript

基于vue中keep-alive缓存问题的解决方法

Sep 21 Javascript

vue-cli中vue本地实现跨域调试接口

Jan 16 Javascript

JS使用数组实现的队列功能示例

Mar 04 Javascript

原生js实现抽奖小游戏

Jun 27 Javascript

原生JS生成指定位数的验证码

Oct 28 Javascript

JS新手入门数组处理的实用方法汇总

Apr 07 Javascript

jQuery实现table隔行换色和鼠标经过变色的两种方法

Jun 15 #Javascript

jQuery 过滤方法filter()选择具有特殊属性的元素

Jun 15 #Javascript

Javascript实现简单二级下拉菜单实例

Jun 15 #Javascript

jQuery $.extend()用法总结

Jun 15 #Javascript

解决自定义$(id)的方法与jquery选择器$冲突的问题

Jun 14 #Javascript

使用jQuery判断IE浏览器版本的代码

Jun 14 #Javascript

jQuery Migrate 1.1.0 Released 注意事项

Jun 14 #Javascript

You might like

PHP foreach循环使用详解与实例代码

2010/05/08 PHP

晋城吧对DiscuzX进行的前端优化要点

2010/09/05 PHP

php另类上传图片的方法（PHP用Socket上传图片）

2013/10/30 PHP

PHP经典面试题之设计模式(经常遇到)

2015/10/15 PHP

php-beanstalkd消息队列类实例分享

2017/07/19 PHP

基于ThinkPHP5.0实现图片上传插件

2017/09/25 PHP

php回调函数处理数组操作示例

2020/04/13 PHP

前端开发必须知道的JS之原型和继承

2010/07/06 Javascript

JS幻灯片可循环播放可平滑旋转带滚动导航(自写)

2013/08/05 Javascript

jquery左边浮动到一定位置时显示返回顶部按钮

2014/06/05 Javascript

JSON遍历方式实例总结

2015/12/07 Javascript

js实现的星星评分功能函数

2015/12/09 Javascript

javascript对象的创建和访问

2016/03/08 Javascript

javascript中使用未定义变量或值的情况分析

2016/07/19 Javascript

用AngularJS的指令实现tabs切换效果

2016/08/31 Javascript

angularjs使用directive实现分页组件的示例

2017/02/07 Javascript

jQuery动态生成不规则表格(前后端)

2017/02/21 Javascript

JavaScript的setter与getter方法

2017/11/29 Javascript

webpack HappyPack实战详解

2019/10/08 Javascript

vue用elementui写form表单时,在label里添加空格操作

2020/08/13 Javascript

浅谈Python生成器generator之next和send的运行流程(详解)

2017/05/08 Python

python3+PyQt5 实现Rich文本的行编辑方法

2019/06/17 Python

Python如何在windows环境安装pip及rarfile

2020/06/15 Python

Jabra捷波朗美国官网：用于办公、车载和运动的无线蓝牙耳麦

2017/02/01 全球购物

全球航班旅行搜索网站：Cheapflights

2017/05/19 全球购物

ellesse美国官方商店：意大利高级运动服品牌

2019/10/29 全球购物

介绍一下grep命令的使用

2012/06/28 面试题

临床医学应届生求职信

2013/11/06 职场文书

工商技校毕业生自荐信

2013/11/15 职场文书

十岁生日父母答谢词

2014/01/18 职场文书

入党推优材料

2014/06/02 职场文书

2015财务年终工作总结范文

2015/05/22 职场文书

婚礼父母致辞

2015/07/28 职场文书

小学生安全教育心得体会

2016/01/15 职场文书

个人自我鉴定怎么写？

2019/07/01 职场文书

CSS Transition通过改变Height实现展开收起元素

2021/08/07 HTML / CSS