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

深入理解JavaScript 闭包究竟是什么

Apr 12 Javascript

Jquery实现显示和隐藏的4种简单方式

Aug 28 Javascript

javascript闭包传参和事件的循环绑定示例探讨

Apr 17 Javascript

javascript实现继承的简单实例

Jul 26 Javascript

JavaScript开发Chrome浏览器扩展程序UI的教程

May 16 Javascript

js操作DOM--添加、删除节点的简单实例

Jul 08 Javascript

基于JavaScript实现鼠标箭头移动图片跟着移动

Aug 30 Javascript

JavaScript自定义文本框光标

Mar 05 Javascript

JavaScript事件方法(实例讲解)

Jun 27 Javascript

vue 之 .sync 修饰符示例详解

Apr 21 Javascript

vue里如何主动销毁keep-alive缓存的组件

Mar 21 Javascript

jQuery实现全选按钮

Jan 01 jQuery

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 各种排序算法实现代码

2009/08/20 PHP

PHP 防恶意刷新实现代码

2010/05/16 PHP

深入php socket的讲解与实例分析

2013/06/13 PHP

php preg_replace替换实例讲解

2013/11/04 PHP

试用php中oci8扩展

2015/06/18 PHP

ThinkPHP控制器详解

2015/07/27 PHP

jquery tools之tabs 选项卡/页签

2009/07/25 Javascript

如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)

2013/07/09 Javascript

用JavaScript实现对话框的教程

2015/06/04 Javascript

jQuery EasyUi实战教程之布局篇

2016/01/26 Javascript

详解js前端代码异常监控

2017/01/11 Javascript

有关JS中的0,null,undefined,[],{},'''''''',false之间的关系

2017/02/14 Javascript

基于node.js之调试器详解

2017/08/22 Javascript

10个最优秀的Node.js MVC框架

2017/08/24 Javascript

JS中用EL表达式获取上下文参数值的方法

2018/03/28 Javascript

vue项目中使用tinymce编辑器的步骤详解

2018/09/11 Javascript

Vue.js实现大屏数字滚动翻转效果

2019/11/29 Javascript

Vue执行方法,方法获取data值,设置data值,方法传值操作

2020/08/05 Javascript

简单介绍Python中的round()方法

2015/05/15 Python

Python实现以时间换空间的缓存替换算法

2016/02/19 Python

DataFrame 将某列数据转为数组的方法

2018/04/13 Python

Python线程下使用锁的技巧分享

2018/09/13 Python

对Python 除法负数取商的取整方式详解

2018/12/12 Python

简单了解python中对象的取反运算符

2019/07/01 Python

使用python客户端访问impala的操作方式

2020/03/28 Python

jupyter notebook远程访问不了的问题解决方法

2021/01/11 Python

python的scipy.stats模块中正态分布常用函数总结

2021/02/19 Python

html5 canvas绘制放射性渐变色效果

2018/01/04 HTML / CSS

医学专业大学生求职的自我评价

2013/11/27 职场文书

网吧最新创业计划书范文

2014/03/27 职场文书

工作总结与自我评价

2014/09/18 职场文书

个人工作总结范文2014

2014/11/07 职场文书

2015年父亲节活动总结

2015/02/12 职场文书

2015年学生会干事工作总结

2015/04/09 职场文书

整脏治乱工作简报

2015/07/21 职场文书

利用html+css实现菜单栏缓慢下拉效果的示例代码

2021/03/30 HTML / CSS