jQuery 创建Dom元素

2016-02-19 13:05 0 1 收藏

下面图老师小编跟大家分享jQuery 创建Dom元素，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发】

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title无标题文档/title
script src="jquery-1.4.2.min.js" type="text/javascript"/script
script language="javascript" type="text/javascript"
$(function(){
var oNewp = $("p我测试成功了/P");
oNewp.insertAfter("#target");
});
/script
/head
body
p
eeeeeeeeee
/p
/body
/html

需要注意的几点：

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
$(fuction(){
})

此句就相当于window.onload函数，缺一不可。
总结：时刻要细心。

来源:https://www.tulaoshi.com/n/20160219/1602930.html

看过《jQuery 创建Dom元素》的人还看了以下文章更多>>

jQuery 创建Dom元素 02-19
jQuery选择器选择dom元素 02-19
锋利的jQuery jQuery中的DOM操作 02-19
使用DOM创建XML 02-19
jQuery DOM操作小结与实例 02-19
JQuery困惑—包装集 DOM节点 02-19
JQUERY 对象与DOM对象之转换 02-19
jQuery对象和DOM对象相互转化 02-19
MooTools教程(3):数组管理DOM元素 02-20
锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下） 02-19

MooTools教程(6):操纵HTML DOM元素

标签： Web开发

我们已经学习过如何来选取DOM元素，怎么创建数组，怎么创建函数，怎么把事件添加到元素，今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。基本方法 .get(); 这个工具可以让你获取元素的属性（property）。元素的属性是...

jQuery html() in Firefox (uses .innerHTML) ignores DOM chang

标签： Web开发

DOM: 代码如下： function DisplayTextBoxValue(){ var element = document.getElementById('textbox'); // set the attribute on the DOM Element by hand - will update the innerHTML element.setAttribute('value', element.value); alert(document.getElementById("container").innerHTML); return false; } jQuery plugin th...

jQuery对象与DOM对象之间的转换方法

标签： Web开发

什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是 jQuery里的方法这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产...

jQuery使用手册之二 DOM操作

标签： Web开发

属性我们以img id="a" scr="5.jpg"/为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery里$("#a")将得到jQuery对象[ img id="a" scr="5.jpg"/ ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对...

jquery创建div 实现代码

标签： Web开发

代码如下: var boardDiv = "div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'加载中...\/div"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });

查看更多精彩>>