jQuery网页设计教程-jQuery使用手册2
二：DOM操作
属性
我们以<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")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法，方便大家快速对DOM对象进行操作
herf() herf(val)
说明：对jQuery对象属性herf的操作。
例子：
未执行jQuery前
jQuery代码及功能：
alert($("#test").href());
$("#test").href("2.html");
}
运行：先弹出对话框显示id为test的连接url，在将其url改为2.html，当弹出对话框后会看到转向到2.html
同理，jQuery还提供类似的其他方法，大家可以分别试验一下：
herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val)
src() src (val) title() title (val) val() val(val)
操作
after(html) 在匹配元素后插入一段html jQuery代码及功能：
append(html)在匹配元素内部，且末尾插入指定html jQuery代码及功能： 同理还有append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解！
appendTo(expr) 与append(elem)相反
clone() 复制一个jQuery对象
empty() 删除匹配对象的所有子节点
$("#test").after("<b>Hello</b>");
}
执行后相当于：
after(elem) after(elems) 将指定对象elem或对象组elems插入到在匹配元素后
<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>jQuery代码及功能
$("a").after($("#test"));
}
执行后相当于
<a href="#" onClick="jq()">jQuery</a><p id="test">after</p>
$("#test").append("<b>Hello</b>");
}
执行后相当于
<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>jQuery代码及功能
$("a"). appendTo ($("#test"));
}
执行后相当于
jQuery代码及功能：
$("#test").clone().appendTo($("a"));
}
复制$("#test")然后插入到<a>后,执行后相当于
<div id="test"> <span>span</span> <p>after</p></div><a href="#" onClick="jq()">jQuery</a>jQuery代码及功能：
$("#test").empty();
}
执行后相当于
insertAfter(expr) insertBefore(expr)
按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)
prepend (html) prepend (elem) prepend (elems) 在匹配元素的内部且开始出插入
通过下面例子区分append(elem) appendTo(expr) prepend (elem)
<div>div</div>
执行$("#a").append($("div")) 后相当于
P
<div>div</div>
</p>
执行$("#a").appendTo($("div")) 后 相当于
div
<p id="a">p</p>
</div>
执行$("#a").prepend ($("div")) 后 相当于
<div>div</div>
P
</p>
