节点开始

在学习jQuery之前我们先复习一下JS的节点操作

var s=document.getElementById("div1");

s.getAttribute("title","图片");

s.setAttribute("title","属性")；

上面就是JS中获取元素的属性，并重新设置它的属性值

var s=$("img");//得到img对象

var ss=s.attr("title");//attr()是jquery的一个函数，它可以获取某一个元素的对象的属性值，也可以重置它的属性值，如下

$('img').attr("src","1.jpg");

当我们有设置对象的多个属性值时，如下

$('img').attr({'src':'1.jpg','title':'图片'});

上面就jQuery设置获取对象的属性

添加

在JS中添加一个对象

var p=document.createElement("p");

var text=document.createTextNode("JS添加属性");

p.appendChild(text);

document.body.appendChild(p);

上面是普通的添加条件的添加

在一个对象前添加一个对象

insertBefore

var sw=document.getElementById("sw");
var sww=document.createElement("p");
var text=document.createTextNode("JS对象之前添加对象");
sww.appendChild(text);
sw.parentNode.insertBefore(sww,sw);

jQuery中添加节点

var ssw=$("<p>jQuery中添加节点</p>");
ssw.insertAfter("#sw");

JS中删除一个节点

var s=document.getElementById("div1");

div1.parentNode.removeChild(s);

jQuery中删除一个节点

$("div1).remove();

jQuery中获取文本中的内容

$('#div1').text();

Js中获取文本中的内容

alert(s.innerText);

JS替换一个节点

var s=document.getElementById("div1");
var onew=document.createElement("p");
var s1=document.createTextNode("JS");
onew.appendChild(s1);
s.parentNode.replaceChild(onew,s)

jQuery中替换一个节点

var f=$('<p>ssdsdsd</p>');

$('#div1').replaceWidth(f)