编程 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日期转换时间戳转日期格式

Nov 05 Javascript

js判断FCKeditor内容是否为空的两种形式

May 14 Javascript

js弹出层包含flash 不能关闭隐藏的2种处理方法

Jun 17 Javascript

jQuery中选择器的基础使用教程

May 23 Javascript

two.js之实现动画效果示例

Nov 06 Javascript

vue项目中用cdn优化的方法

Jan 03 Javascript

Vue.js实现图片的随意拖动方法

Mar 08 Javascript

深入理解JavaScript 中的执行上下文和执行栈

Oct 23 Javascript

基于JavaScript实现每日签到打卡轨迹功能

Nov 29 Javascript

详解Vue2.5+迁移至Typescript指南

Aug 01 Javascript

node 文件上传接口的转发的实现

Sep 23 Javascript

原生js实现五子棋游戏

May 28 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基础知识:函数基础知识

2006/12/13 PHP

PHP Pear 安装及使用

2009/03/19 PHP

php导入csv文件碰到乱码问题的解决方法

2014/02/10 PHP

php中curl使用指南

2015/02/05 PHP

php+ajax 文件上传代码实例

2019/03/18 PHP

laravel 解决强制跳转 https的问题

2019/10/22 PHP

关于Javascript 的 prototype问题。

2007/01/03 Javascript

jquery 设置元素相对于另一个元素的top值(实例代码)

2013/11/06 Javascript

javascript 动态创建表格

2015/01/08 Javascript

10个很棒的jQuery代码片段

2015/09/24 Javascript

jQuery模仿阿里云购买服务器选择购买时间长度的代码

2016/04/29 Javascript

javascript经典特效分享手风琴、轮播图、图片滑动

2016/09/14 Javascript

15个非常实用的JavaScript代码片段

2016/12/18 Javascript

jQuery弹出层插件popShow(改进版)用法示例

2017/01/23 Javascript

Vue函数式组件-你值得拥有

2019/05/09 Javascript

flexible.js实现移动端rem适配方案

2020/04/07 Javascript

javascript使用正则表达式实现注册登入校验

2020/09/23 Javascript

在Vue中使用Echarts实例图的方法实例

2020/10/10 Javascript

微信小程序实现页面左右滑动

2020/11/16 Javascript

[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26

2020/11/30 DOTA

使用Python中的线程进行网络编程的入门教程

2015/04/15 Python

Python实现简单拆分PDF文件的方法

2015/07/30 Python

用Python从0开始实现一个中文拼音输入法的思路详解

2019/07/20 Python

python hash每次调用结果不同的原因

2019/11/21 Python

Python生成个性签名图片获取GUI过程解析

2019/12/16 Python

萌新的HTML5 入门指南

2020/11/06 HTML / CSS

日本最大的购物网站乐天市场国际版：Rakuten Global Market（支持中文）

2020/02/03 全球购物

办公室秘书自我鉴定

2014/01/18 职场文书

婚前协议书范本

2014/04/15 职场文书

劳资协议书范本

2014/04/23 职场文书

海底两万里读书笔记

2015/06/26 职场文书

python b站视频下载的五种版本

2021/05/27 Python

浅谈MySQL表空间回收的正确姿势

2021/10/05 MySQL

MySQL磁盘碎片整理实例演示

2022/04/03 MySQL

Python实现对齐打印 format函数的用法

2022/04/28 Python

详解PyTorch模型保存与加载

2022/04/28 Python