JQuery教程---DOM操作(一)
DOM操作
我们以<img id="a" scr="5.jpg"/>为例，
在原始的javascript里面可以用
varo=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对象进行操作
1.herf() herf(val)
说明：对jQuery对象属性herf的操作。
例子：
未执行jQuery前
<a href="1.htm" id="test" onClick="jq()">jQuery</a>
jQuery代码及功能：
function jq(){ alert($("#test").href()); $("#test").href("2.html");}运行：先弹出对话框显示id为test的连接url，在将其url改为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)2. after(html)
说明：在匹配元素后插入一段html
例子：
未执行jQuery前
<a href="http://p5s8.ddvip.com/index.php#" id="test" onClick="jq()">jQuery</a>
jQuery代码及功能：
function jq(){ $("#test").after("<b>Hello</b>");}执行后相当于：
<a href="http://p5s8.ddvip.com/index.php#" id="test" onClick="jq()">jQuery</a><b>Hello</b>
3. after(elem) after(elems)
说明：将指定对象elem或对象组elems插入到在匹配元素后
例子：
未执行jQuery前
<p id="test">after</p><a href="http://p5s8.ddvip.com/index.php#" onClick="jq()">jQuery</a>
jQuery代码及功能
function jq(){ $("a").after($("#test"));}执行后相当于
<a href="http://p5s8.ddvip.com/index.php#" onClick="jq()">jQuery</a><pid="test">after</p>
4. append(html)
说明：在匹配元素内部，且末尾插入指定html
例子：
未执行jQuery前
<a href="http://p5s8.ddvip.com/index.php#" id="test" onClick="jq()">jQuery</a>
jQuery代码及功能：
function jq(){ $("#test").append("<b>Hello</b>");}执行后相当于
<a href="http://p5s8.ddvip.com/index.php#" onClick="jq()">jQuery<b>Hello</b></a>
同理还有
append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解！
5.appendTo(expr)
说明：与append(elem)相反
例子：
未执行jQuery前
<p id="test">after</p><a href="http://p5s8.ddvip.com/index.php#" id="test" onClick="jq()">jQuery</a>
jQuery代码及功能
function jq(){ $("a").appendTo($("#test"));}执行后相当于
<p id="test">after<a href="http://p5s8.ddvip.com/index.php#" onClick="jq()">jQuery</a></p>