编程 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 相关文章推荐

prototype class详解

Sep 07 Javascript

js限制文本框只能输入数字方法小结

Jun 16 Javascript

js delete 用法(删除对象属性及变量)

Aug 24 Javascript

在JavaScript中操作时间之getUTCDate()方法的使用

Jun 10 Javascript

javascript作用域问题实例分析

Jul 13 Javascript

laypage分页控件使用实例详解

May 19 Javascript

AngularJS通过$http和服务器通信详解

Sep 21 Javascript

关于JavaScript和jQuery的类型判断详解

Oct 08 Javascript

BootStrap Table对前台页面表格的支持实例讲解

Dec 22 Javascript

解决Vue2.x父组件与子组件之间的双向绑定问题

Mar 06 Javascript

详解基于vue-cli3快速发布一个fullpage组件

Mar 08 Javascript

Javascript异步编程async实现过程详解

Apr 02 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版(5)

2006/10/09 PHP

php快速url重写更新版[需php 5.30以上]

2010/04/20 PHP

33道php常见面试题及答案

2015/07/06 PHP

IOS 开发之NSDictionary转换成JSON字符串

2017/08/14 PHP

Laravel框架使用Seeder实现自动填充数据功能

2018/06/13 PHP

php下的原生ajax请求用法实例分析

2020/02/28 PHP

PHPstorm激活码2020年5月13日亲测有效

2020/09/17 PHP

使用jquery修改表单的提交地址基本思路

2014/06/04 Javascript

js使用for循环查询数组中是否存在某个值

2014/08/12 Javascript

JQuery组件基于Bootstrap的DropDownList（完整版）

2016/07/05 Javascript

将html页面保存成图片,图片写入pdf的实现方法(推荐)

2016/09/17 Javascript

js学习笔记之事件处理模型

2016/10/31 Javascript

Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)

2017/01/20 Javascript

在一般处理程序（ashx）中弹出js提示语

2017/08/16 Javascript

Vue下的国际化处理方法

2017/12/18 Javascript

手动下载Chrome并解决puppeteer无法使用问题

2018/11/12 Javascript

15分钟学会vue项目改造成SSR(小白教程)

2019/12/17 Javascript

element-ui table行点击获取行索引（index）并利用索引更换行顺序

2020/02/27 Javascript

JavaScript实现电灯开关小案例

2020/03/30 Javascript

Openlayers+EasyUI Tree动态实现图层控制

2020/09/28 Javascript

使用Python实现BT种子和磁力链接的相互转换

2015/11/09 Python

python表格存取的方法

2018/03/07 Python

python网络爬虫学习笔记（1）

2018/04/09 Python

解决pycharm运行时interpreter为空的问题

2018/10/29 Python

Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析

2019/04/27 Python

pandas 层次化索引的实现方法

2019/07/06 Python

Jupyter加载文件的实现方法

2020/04/14 Python

windows下python 3.9 Numpy scipy和matlabplot的安装教程详解

2020/11/28 Python

基于CSS3制作立体效果导航菜单

2016/01/12 HTML / CSS

美国新娘礼品店：The Paisley Box

2020/09/08 全球购物

餐厅执行经理岗位职责范本

2014/02/26 职场文书

销售职业生涯规划范文

2014/03/14 职场文书

民主生活会批评与自我批评总结

2014/10/17 职场文书

2015年大学社团工作总结

2015/04/09 职场文书

十大好看的穿越动漫排名：《瑞克和莫蒂》第一，国漫《有药》在榜

2022/03/18 日漫

MySQL数据库简介与基本操作

2022/05/30 MySQL