简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

基于Jquery的动态创建DOM元素的代码_jquery

WBOY
Libérer： 2016-05-16 18:13:14
original
831 人浏览过

动态创建div:

复制代码 代码如下:

$(function(){
$("
",{
id: 'test',
text: 'this is a test',
"class": "test",
click: function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})

动态创建input:
复制代码 代码如下:

$(function(){
$("", {
type: 'text',
val: 'test',
focusin: function() {
$(this).addClass('active');
},
focusout: function() {
$(this).removeClass('active');
}
}).appendTo("body");
})
Étiquettes associées：
dom 动态创建
source：php.cn
Article précédent：JavaScript去掉空格的方法集合_javascript技巧 Article suivant：JS date对象的减法处理实现代码_时间日期
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Le module n'est pas défini dans le projet Vue Je viens de créer une nouvelle application Vue en exécutant npmini tvue@latest comme spéci...
Depuis 2023-11-17 12:38:53
0
2
394
Nuxt.js SSG (générateur de site statique) Obtenez des données API Lors de la construction d'un projet à l'aide d'un générateur de site statique, je comprend...
Depuis 2023-11-16 21:36:07
0
1
176
JavaScript : La fonction RegExp.escape existe-t-elle ? Je veux juste créer une expression régulière avec n'importe quelle chaîne possible. varuse...
Depuis 2023-11-16 17:41:27
0
2
232
Vue 3 importe dynamiquement en fonction des accessoires J'utilise unplugin-icon pour créer un composant icône, normalement je peux importer par ex...
Depuis 2023-11-16 11:40:01
0
1
235
WordPress 6.0 (add_editor_style) ne charge pas style.css dans l'éditeur Gutenberg Je suis le cours UdemyWordPress pour créer un thème de bloc WordPress personnalisé. J'ai e...
Depuis 2023-11-12 20:37:50
0
2
261
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！