jQuery使用手册

豆豆网   技术应用频道   2008年01月18日  【字号: 收藏本文

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

  例子:

  未执行jQuery前:

<p>Thisisjustatest.</p>
<p>Soisthis</p>
<ahref="#"id="test"onClick="jq()">jQuery</a>

  jQuery代码及功能:

functionjq(){
  alert($("p").eq(1).html())
}

  运行:当点击id为test的元素时,alert对话框显示:So is this,即第二个<p>标签的内容

  get() get(num)

  说明:获取匹配元素,get(num)返回匹配元素中的某一个元素

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

  例子:

  未执行jQuery前:

<p>Thisisjustatest.</p>
<p>Soisthis</p>
<ahref="#"id="test"onClick="jq()">jQuery</a>

  jQuery代码及功能:

functionjq(){
  alert($("p").get(1).innerHTML);
}

  运行:当点击id为test的元素时,alert对话框显示:So is this,即第二个<p>标签的内容

  注意get和eq的区别,eq返回的是jQuery对象,get返回的是所匹配的dom对象,所有取$("p").eq(1)对象的内容用jQuery方法html(),而取$("p").get(1)的内容用innerHTML

  index(obj)

  说明:返回对象索引

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

正在加载评论...