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>
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