WEB开发网
开发学院网页设计JavaScript jQuery使用手册 阅读

jQuery使用手册

 2010-09-14 13:06:31 来源:WEB开发网   
核心提示: <imgsrc=http://tech.ddvip.com/2008-01/"test1.jpg"/><imgsrc=http://tech.ddvip.com/2008-01/"test2.jpg"/><ahref=&

<imgsrc=http://tech.ddvip.com/2008-01/"test1.jpg"/>
<imgsrc=http://tech.ddvip.com/2008-01/"test2.jpg"/>
<ahref="http://p5s8.ddvip.com/index.php#"id="test"onClick="jq()">jQuery</a>

jQuery代码及功能:

functionjq(){
  alert($("img").length);
}

运行:当点击id为test的元素时,弹出alert对话框显示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(http://tech.ddvip.com/2008-01/"1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法,方便大家快速对DOM对象进行操作

herf()  herf(val)

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

例子:

未执行jQuery前

<ahref="1.htm"id="test"onClick="jq()">jQuery</a>

jQuery代码及功能:

functionjq(){
 alert($("#test").href());
 $("#test").href("2.html");
}

运行:先弹出对话框显示id为test的连接url,在将其url改为2.html,当弹出对话框后会看到转向到2.html

上一页  1 2 3 4 5 6 7 8 9 10  下一页

Tags:jQuery 使用 手册

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接