jQuery使用手册

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

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

  8:插件程序

  一:核心部分

  $(expr)

  说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础

  参数:expr:字符串,一个查询表达式或一段html字符串

  例子:

  未执行jQuery前:

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

  jQuery代码及功能:

function jq(){ 
  alert($("div > p").html()); 
}

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

function jq(){
  $("<div><p>Hello</p></div>").appendTo("body");
}

  运行:当点击id为test的元素时,向body中添加“<div><p>Hello</p></div>”

  $(elem)

  说明:限制jQuery作用于一个特定的dom元素,这个函数也接受xml文档和windows对象

  参数: elem:通过jQuery对象压缩的DOM元素

  例子:

  未执行jQuery前:

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

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

正在加载评论...