//創(chuàng)建節(jié)點
昭化網站建設公司成都創(chuàng)新互聯公司,昭化網站設計制作,有大型網站制作公司豐富經驗。已為昭化成百上千家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站制作要多少錢,請找那個售后服務好的昭化做網站的公司定做!
var createobj=jQuery("div創(chuàng)建的節(jié)點,需要加載到頁面上才會顯示喲/div");
//將創(chuàng)建的節(jié)點加到頁面的最后面
jQuery("body").append(createobj);
//創(chuàng)建節(jié)點
var createobj=jQuery("div創(chuàng)建的節(jié)點,span color='red'創(chuàng)建新節(jié)點的子節(jié)點/span需要加載到頁面上才會顯示喲/div");
//將創(chuàng)建的節(jié)點加到頁面的最后面
jQuery("body").append(createobj);
用after()或者insertAfter(),就可以實現加入兄弟節(jié)點。
在使用after()或者insertAfter(),作為兄弟節(jié)點的時候,這兩種方法在效果上是一樣的。例如$("#button1").after("span內容/span")
$("span內容/span").insertAfter("#button1")
在效果上是相同的,都建立了兄弟節(jié)點。
$(function()?{
//定義一個xml對象
var?x?=?$("xmlitemscenter?//items/xml");
//在?center節(jié)點的結尾添加一個?bottom節(jié)點?,然后在center節(jié)點的開頭添加一個top節(jié)點
x.find("center").appendXml("bottom?/").prependXml("top?/");
//在?center節(jié)點的后面添加一個after節(jié)點,然后在center節(jié)點的前面添加一個before節(jié)點
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);
父節(jié)點要和添加子節(jié)點差不多,但你要把父節(jié)點放在什么地方,例如放在body:
var?ele=$('div子節(jié)點/div');
var?ele1=$('div父節(jié)點/div');
$(ele1).append(ele);//把子節(jié)點放在父節(jié)點里
$(document.body).append(ele1);//把父節(jié)點放在body里
1、新建一個html文件,命名為test.html,用于講解gt;怎么讓jquery事件執(zhí)行一次。
2、在test.html文件內,引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
3、在test.html文件內,使用p標簽創(chuàng)建一行文字,文字內容為“這是一段測試的文字”,并設置其class為mypp。
4、在js標簽內,在頁面加載完成時,通過class(mypp)獲得p元素對象,使用one()方法給對象綁定click點擊事件,當p元素被點擊時,執(zhí)行function()方法一次。
5、在function()方法內,使用$(this)獲得p標簽對象,使用text()方法取得p標簽內的值,把值保存在ny變量中。
6、在function()方法內,使用alert()方法將獲得的內容輸出來。
7、在瀏覽器打開test.html文件,點擊文字,查看實現的效果。