现在的位置: 首页 > IT运维 > 正文

jQuery DOM操作

2010年07月05日 IT运维 ⁄ 共 2877字 暂无评论 ⁄ 被围观 855+

jQuery 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").src()将得到5.jpg, $("#a").src("1.jpg") 将该对象src属性改为1.jpg。

下面来看看jQuery提供的若干jQuery属性方法,方便快速对DOM对象进行操作

herf()   herf(val)

说明:对jQuery对象属性herf的操作。

例子1:

未执行jQuery前

<a href=”1.htm” id=”test” onClick=”jq()”>jQuery</a>
<scritp type="text/javsscript">
function jq(){
    alert($(“#test“).href());
    $(“#test“).href(“2.html“);
}
</script>

运行:先弹出对话框显示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)

操作

给我留言

您必须 [ 登录 ] 才能发表留言!

×
#