编程 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 全等号运算符使用说明

May 31 Javascript

js常用排序实现代码

Dec 28 Javascript

javascript框架设计读书笔记之模块加载系统

Dec 02 Javascript

AngualrJS中的Directive制作一个菜单

Jan 26 Javascript

JS设置cookie、读取cookie

Feb 24 Javascript

jQuery 3.0 的 setter和getter 模式详解

Jul 11 Javascript

JS实现禁止鼠标右键的功能

Oct 15 Javascript

Angular2学习笔记——详解路由器模型（Router）

Dec 02 Javascript

微信公众号摇一摇周边功能开发

Dec 08 Javascript

layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

Sep 22 Javascript

微信小程序实现跑马灯效果

Oct 21 Javascript

Vue router安装及使用方法解析

Dec 02 Vue.js

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类中Static方法效率测试代码

2010/10/17 PHP

深入理解PHP之数组(遍历顺序) Laruence原创

2012/06/13 PHP

Zend Framework缓存Cache用法简单实例

2016/03/19 PHP

详解laravel安装使用Passport(Api认证)

2018/07/27 PHP

网站页面自动跳转实现方法PHP、JSP（上）

2010/08/01 Javascript

js输出列表实现代码

2010/09/12 Javascript

js中如何复制一个对象并获取其所有属性和属性对应的值

2013/10/24 Javascript

经过绑定元素时会多次触发mouseover和mouseout事件

2014/02/28 Javascript

JavaScript中的正则表达式简明总结

2014/04/04 Javascript

js如何判断用户是否是用微信浏览器

2014/06/05 Javascript

使用JavaScript获取URL中的参数(两种方法)

2016/11/16 Javascript

Zepto实现密码的隐藏/显示

2017/04/07 Javascript

Js自定义多选框效果的实例代码

2017/07/05 Javascript

vue + element-ui实现简洁的导入导出功能

2017/12/22 Javascript

Nodejs中crypto模块的安全知识讲解

2018/01/03 NodeJs

webstorm中配置Eslint的两种方式及差异比较详解

2018/10/19 Javascript

使用 Python 实现简单的 switch/case 语句的方法

2018/09/17 Python

基于python-opencv3的图像显示和保存操作

2019/06/27 Python

django 使用全局搜索功能的实例详解

2019/07/18 Python

对django 模型 unique together的示例讲解

2019/08/06 Python

Python定时器线程池原理详解

2020/02/26 Python

详解vscode实现远程linux服务器上Python开发

2020/11/10 Python

H5混合开发app如何升级的方法

2018/01/10 HTML / CSS

Everything But Water官网：美国泳装品牌

2019/03/17 全球购物

法律专业自我鉴定

2013/10/03 职场文书

心理学专业毕业生推荐信范文

2013/11/21 职场文书

资源环境与城市管理专业推荐信

2013/11/30 职场文书

环境科学专业优秀毕业生自荐书

2014/02/03 职场文书

学校联谊活动方案

2014/02/15 职场文书

2014学校庆三八妇女节活动总结

2014/03/01 职场文书

怎样写观后感

2015/06/19 职场文书

新闻稿格式范文

2015/07/18 职场文书

聘任书格式及范文

2015/09/21 职场文书

学校教代会开幕词

2016/03/04 职场文书

一文教你快速生成MySQL数据库关系图

2022/06/28 Redis

python语言中pandas字符串分割str.split()函数

2022/08/05 Python