十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
//创建节点
昭化网站建设公司成都创新互联公司,昭化网站设计制作,有大型网站制作公司丰富经验。已为昭化成百上千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的昭化做网站的公司定做!
var createobj=jQuery("div创建的节点,需要加载到页面上才会显示哟/div");
//将创建的节点加到页面的最后面
jQuery("body").append(createobj);
//创建节点
var createobj=jQuery("div创建的节点,span color='red'创建新节点的子节点/span需要加载到页面上才会显示哟/div");
//将创建的节点加到页面的最后面
jQuery("body").append(createobj);
用after()或者insertAfter(),就可以实现加入兄弟节点。
在使用after()或者insertAfter(),作为兄弟节点的时候,这两种方法在效果上是一样的。例如$("#button1").after("span内容/span")
$("span内容/span").insertAfter("#button1")
在效果上是相同的,都建立了兄弟节点。
$(function() {
//定义一个xml对象
var x = $("xmlitemscenter //items/xml");
//在 center节点的结尾添加一个 bottom节点 ,然后在center节点的开头添加一个top节点
x.find("center").appendXml("bottom /").prependXml("top /");
//在 center节点的后面添加一个after节点,然后在center节点的前面添加一个before节点
x.find("center").afterXml("after /").beforeXml("before /");
alert(x.xml());
});
(function($) {
function mnpXml(opCode, xmlStr) {
return this.each(function() {
if (typeof xmlStr != "string") return;
if (!jQuery.isXMLDoc(this)) return;
var node = $.parseXml(xmlStr).firstChild.cloneNode(true);
switch (opCode) {
case "append":
this.appendChild(node);
break;
case "prepend":
if (this.childNodes.length 0)
this.insertBefore(node, this.firstChild);
else
this.appendChild(node);
break;
case "after":
if (this.nextSibling)
this.parentNode.insertBefore(node, this.nextSibling);
else
this.parentNode.appendChild(node);
break;
case "before":
this.parentNode.insertBefore(node, this);
break;
}
});
}
$.fn.extend({
appendXml: function(s) {
return mnpXml.call(this, "append", s);
},
prependXml: function(s) {
return mnpXml.call(this, "prepend", s);
},
afterXml: function(s) {
return mnpXml.call(this, "after", s);
},
beforeXml: function(s) {
return mnpXml.call(this, "before", s);
},
xml: function() {
var elem = this[0];
return elem.xml || (new XMLSerializer()).serializeToString(elem);
},
innerXml: function() {
var s = this.xml();
var i = s.indexOf(""), j = s.lastIndexOf("");
if (j i)
return s.substring(i + 1, j);
else
return "";
}
});
$.extend(jQuery, {
parseXml: function(xmlStr) {
if (window.ActiveXObject) {
var xd = new ActiveXObject("Microsoft.XMLDOM");
xd.async = false;
xd.loadXML(xmlStr);
return xd;
}
else if (typeof DOMParser != "undefined") {
var xd = new DOMParser().parseFromString(xmlStr, "text/xml");
return xd;
}
else return null;
},
toXml: function(obj, nodeName, useAttr) {
var x = $($.parseXml("" + nodeName + " /"));
var n = x.find(":first");
for (var p in obj) {
if (useAttr)
n.attr(p, obj[p]);
else
n.appendXml("" + p + " /").find(p).text(obj[p]);
}
return x[0];
}
});
})(jQuery);
父节点要和添加子节点差不多,但你要把父节点放在什么地方,例如放在body:
var ele=$('div子节点/div');
var ele1=$('div父节点/div');
$(ele1).append(ele);//把子节点放在父节点里
$(document.body).append(ele1);//把父节点放在body里
1、新建一个html文件,命名为test.html,用于讲解gt;怎么让jquery事件执行一次。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。
4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。
5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。
6、在function()方法内,使用alert()方法将获得的内容输出来。
7、在浏览器打开test.html文件,点击文字,查看实现的效果。