jquery 實現(xiàn)input輸入什么div圖層顯示什么
更新時間：2014年06月15日 10:05:46 投稿：whsnow
這篇文章主要介紹jquery實現(xiàn)input輸入什么div圖層顯示什么的具體過程,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
這篇文章主要為大家詳細介紹了jQuery手風(fēng)琴的簡單制作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細介紹了jQuery+PHP+Mysql實現(xiàn)抽獎程序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)硪黄猨query html動態(tài)添加的元素綁定事件詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要給大家分享了一些Jquery api 速查表，十分的全面，這里推薦給大家,需要的朋友可以參考下2015-01-01
jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-10-10
這篇文章主要介紹了JQuery復(fù)選框全選效果如何實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了打造自己的jQuery插件,簡單分析了jQuery插件的原理與基本實現(xiàn)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jquery中animate的stop()方法作用,實例分析了animate的stop()方法在視頻播放代碼中的使用技巧,感興趣的朋友可以對比分析一下帶stop方法與不帶stop方法運行效果的區(qū)別,需要的朋友可以參考下2015-01-01
jq選項卡鼠標延遲的插件實例，需要的朋友可以參考一下2013-05-05
編寫插件的目的是給已經(jīng)有的一系列方法或函數(shù)做一個封裝，以便在其他地方重復(fù)使用，提高開發(fā)效率和方便后期維護。本文將詳細介紹如何編寫jQuery插件2017-03-03