会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

来源: 作者: 发布时间:2007-02-06
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks

$(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>

jQuery代码及功能:

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

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

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

运行:当点击id为test的元素时,背景色变成黑色

$(elems)

说明:限制jQuery作用于一组特定的DOM元素
参数: elem:一组通过jQuery对象压缩的DOM元素
例子:

未执行jQuery前:

<form id="form1">
      <input type="text" name="textfield">
      <input type="submit" name="Submit" value="提交">
</form>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){
   $(form1.elements ).hide();
}

运行:当点击id为test的元素时,隐藏form1表单中的所有元素。

$(fn)

说明:$(document).ready()的一个速记方式,当文档全部载入时执行函数。可以有多个$(fn)当文档载入时,同时执行所有函数!
参数: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>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能:

function jq(){
    var f = $("div");
    alert($(f).find("p").html())
}

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

each(fn)

说明:将函数作用于所有匹配的对象上
参数:fn (Function): 需要执行的函数
例子:

未执行jQuery前:

<img src="1.jpg"/>
<img src="1.jpg"/>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能:

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

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


相关文章

  • 如何用jquery返回一个DOM对象

    作者: http://www.csser.com 首先我们针对以下html源码获取p对象: divimg src="test1.jpg"/ pimg src="test2.jpg"//p/di

  • jQuery入门指南第一步

    用jquery开始吧 这个指南是对jquery库的一个总的介绍,当然你也被要求具备javascript和DOM(文档对象模型)的相关知识。该

  • jQuery函数$支持的参数总结

    作者: http://www.csser.com/ jquery 函数支持的 参数总结,如有遗漏请指出,谢谢: 1、jquery 对象支持接受 html 字符串

  • jQuery的选择器的使用

    无常翻译: http://wuchang.cnblogs.com wuChang@guet.edu.cn QQ: 3263262 Retrieved from " http://www.docs.jquery.com/

  • XHTML代码规范

    文章来源:网页设计师 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定

  • DOCTYPE(文档类型)简介

    先来看一段代码声明: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT

  • 在MOZ(firefox)下使没有空格的英文折行

    原文: 在MOZ(firefox)下使没有空格的英文折行 作者:比尔-盖帽 解决办法: IE: 在容器的css中加word-break:break-all

  • HTML元素的默认CSS设置

    Google了一下,这篇文章属于老文了,鉴于它还是比较实用的文章,所以转过来,没看过的可以看一下,早就看过的就温习下,出