jquery動態(tài)創(chuàng)建div與input的實(shí)例代碼
更新時間：2016年10月12日 10:03:01 投稿：jingxian
下面小編就為大家?guī)硪黄猨query動態(tài)創(chuàng)建div與input的實(shí)例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
無意中發(fā)現(xiàn)的，做為收藏，以備后緒查看時用。
實(shí)例如下：
<html>
<head>
<title>jjquery動態(tài)創(chuàng)建div與input</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
<!--動態(tài)創(chuàng)建div-->
$(function (){
$("<div>",{
id:'text',
text:'this is a test',
"class":"text",
click:function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
<!--動態(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ī)淼膉query動態(tài)創(chuàng)建div與input的實(shí)例代碼全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要介紹了單擊和雙擊事件的沖突處理方法,需要的朋友可以參考下2014-04-04
jQuery插件slider實(shí)現(xiàn)拖動滑塊選取價格范圍
jquery滑塊（slider）允許用戶從一個有限的范圍內(nèi)選擇一個數(shù)值。當(dāng)沿著軌道移動滑塊控件時，將顯示一個表示當(dāng)前值的提示框，用戶可通過設(shè)置它的屬性來自定義滑塊。2015-04-04
這篇文章主要介紹了JQuery顯示隱藏頁面元素的方法總結(jié),本文分別講解了show()、hide()、toggle()、slideDown()、css()5種控制顯示隱藏某個DIV或P標(biāo)簽等頁面元素的方法,需要的朋友可以參考下2015-04-04
jQuery 導(dǎo)航自動跟隨滾動的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 導(dǎo)航自動跟隨滾動的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了jquery果凍抖動效果實(shí)現(xiàn)方法,涉及animate方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)跳到底部，回到頂部效果的簡單實(shí)例(類似錨)
下面小編就為大家?guī)硪黄猨query實(shí)現(xiàn)跳到底部，回到頂部效果的簡單實(shí)例(類似錨)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
基于jquery的放大鏡效果實(shí)現(xiàn)代碼，需要的朋友可以參考下2012-05-05
jquery+php實(shí)現(xiàn)搜索框自動提示
百度上有個很使用的功能，就是用戶在搜索的時候會自動提示相關(guān)搜索條件以供選擇，非常人性化的設(shè)計，我們?nèi)绾螌⒋斯δ芊诺阶约旱捻椖恐心?，?jīng)過一番研究，終于實(shí)現(xiàn)了此功能，分享給大家。2014-11-11
這篇文章主要介紹了jQuery彈出div層過2秒自動消失的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11
JQuery獲取或設(shè)置ckeditor的數(shù)據(jù)(示例代碼)
JQuery獲取或設(shè)置ckeditor的數(shù)據(jù)(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11