jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼
更新時(shí)間：2016年10月12日 10:03:01 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
無(wú)意中發(fā)現(xiàn)的，做為收藏，以備后緒查看時(shí)用。
實(shí)例如下：
<html>
<head>
<title>jjquery動(dòng)態(tài)創(chuàng)建div與input</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
<!--動(dòng)態(tài)創(chuàng)建div-->
$(function (){
$("<div>",{
id:'text',
text:'this is a test',
"class":"text",
click:function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
<!--動(dòng)態(tài)創(chuàng)建input-->
$(function(){
$("<input>",{
type:'text',
val:'text',
function:function(){
$(this).addClass('active');
},
focusout:function(){
$(this).removeClass('active');
}
}).appendTo("div");
})
</script>
</head>
<body></body>
</html>
以上就是小編為大家?guī)?lái)的jquery動(dòng)態(tài)創(chuàng)建div與input的實(shí)例代碼全部?jī)?nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
jQuery事件綁定on()與彈窗實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery事件綁定on()與彈窗實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-04-04
解決Jquery向頁(yè)面append新元素之后事件的綁定問(wèn)題
今天有g(shù)et到一個(gè)新知識(shí)點(diǎn)，就是當(dāng)我們向頁(yè)面添加新的元素之后，加載之前的函數(shù)方法就對(duì)新元素失效了，下面我來(lái)說(shuō)說(shuō)如何解決這個(gè)問(wèn)題的？2015-03-03
這篇文章主要介紹了Jquery 實(shí)現(xiàn)grid綁定模板的相關(guān)資料,需要的朋友可以參考下2015-01-01
jquery easyui如何實(shí)現(xiàn)格式化列
本篇文章主要介紹了jquery easyui如何實(shí)現(xiàn)格式化列 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
jquery中show()、hide()和toggle()用法實(shí)例
這篇文章主要介紹了jquery中show()、hide()和toggle()用法,以實(shí)例形式分析了show()、hide()和toggle()在顯示、隱藏及切換等應(yīng)用技巧,需要的朋友可以參考下2015-01-01
jquery對(duì)表單操作2，最近幾篇整理都是jquery表格操作相關(guān)，大家可以收藏下。2011-04-04
jQuery實(shí)時(shí)顯示鼠標(biāo)指針位置和鍵盤(pán)ASCII碼
本文通過(guò)jquery技術(shù)實(shí)現(xiàn)鼠標(biāo)指針位置和鍵盤(pán)ASCII碼，非常具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
很多網(wǎng)站的首頁(yè)都有廣告輪播，今天閑來(lái)看了一網(wǎng)站的首頁(yè)廣告輪播方式，是通過(guò) jQuery的blockSlide插件實(shí)現(xiàn)的，然后自己測(cè)試了一下，很好。2010-11-11
jquery 彈出層注冊(cè)頁(yè)面等(asp.net后臺(tái))
jquery 彈出層注冊(cè)頁(yè)面,盡力提高用戶體驗(yàn)，吸引用戶注冊(cè)。2010-06-06
這篇文章主要介紹了jQuery的$.extend 淺拷貝與深拷貝的相關(guān)資料,需要的朋友可以參考下2017-03-03