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