jQuery使用手册

http://tech.ddvip.com   2008年01月18日    社区交流

内容摘要:一直使用prototype.js,因为prototype的风格与ruby相似,用起来很舒服;这两天抽空看看jQuery,也是个很优秀的js基础库,特别是在选择器方面,相当实用。

  参数:fn (Function):当文档载入时执行的函数!

  例子:

$(function(){
  $(document.body).background("black");
})

  运行:当文档载入时背景变成黑色,相当于onLoad。

  $(obj)

  说明:复制一个jQuery对象,

  参数:obj (jQuery): 要复制的jQuery对象

  例子:

  未执行jQuery前:

<p>one</p>
<div>
 <p>two</p>
</div>
<p>three</p>
<ahref="#"id="test"onClick="jq()">jQuery</a>

  jQuery代码及功能:

functionjq(){
  varf=$("div");
  alert($(f).find("p").html())
}

  运行:当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容。

  each(fn)

  说明:将函数作用于所有匹配的对象上

  参数:fn (Function): 需要执行的函数

  例子:

  未执行jQuery前:

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

  jQuery代码及功能:

functionjq(){
 $("img").each(function(){
    this.src="2.jpg";});
}

  运行:当点击id为test的元素时,img标签的src都变成了2.jpg。

  eq(pos)

  说明:减少匹配对象到一个单独得dom元素

  参数:pos (Number): 期望限制的索引,从0 开始

作者:Young.J    责编:豆豆技术应用

正在加载评论...