网络编程
位置:首页>> 网络编程>> JavaScript>> jQuery使用手册--核心篇(Core)

jQuery使用手册--核心篇(Core)

作者:Young.J 来源:jquery.org.cn 发布时间:2007-11-22 22:05:00 

标签:jQuery,手册

翻译整理:Young.J;官方网站:http://jquery.com

jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!

如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!

下载地址:Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip

jQuery 官方下载(http://jquery.com/src/)或本站下载

下载完成后先加载到文档中,然后我们来看个简单的例子!


<script language="javascript" type="text/javascript">   
    $(document).ready(function(){
        $("a").click(function(){
        alert("Hello world!");
   });
});
<script>


上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。

在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span  id="p"></span>)的元素.

本文将主要来讲解jQuery的核心部分的使用:

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

0
投稿

猜你喜欢

  • Windows中升级MySQL应采取的步骤:1. 进行升级前你应先备份当前的MySQL安装。2. 下载最新Windows版MySQL。3.
  • 在默认情况下,MySQL搜索不区分大小写(但某些字符集始终区分大小写,如czech)。这意味着,如果你使用col_name LIKE 
  • 不久前因业务需要,我在自己的笔记本中安装了搜霸。当时一个做平面的朋友过来和我做一些设计交流,我在笔记本前准备输入一个网址,他靠近我的电脑,大
  • 作为微软推出的网页与数据库解决方案,ASP由于有微软得天独厚的操作系统等技术后盾支持,因此得到了迅速的发展,并且正受到越来越多的欢迎,在目前
  • 下表列出 SQL Server 查询分析器提供的所有键盘快捷方式。活动 快捷方式 书签:清除所有书签。 CTRL-SHIFT-F2
  • 函数javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.创建函数:function f(x) {........}v
  • 今天终于抽出时间瞟了一眼JavaScript的新标准ECMA262v5,让我欣喜的是,不像是因为过于激进而被废除的v4,这个新标准对Java
  • 历时半年,我独自一人完成了一个局级单位的管理信息系统,共发布BETA版29次,正式版本3次。ASP+ORACLE环境,285个ASP文件,功
  • 设置Table的细边框通常有这么几种方式:1、设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色
  • 1.比喻 如同Windows用桌面、文件夹、垃圾筒来比喻计算机的*作,Web的设计也是如此。善于利用明确、抽象或概念化的比喻ICON来表达各
  • xml(可扩展标记语言)看起来可能像某种w3c标准——现在没有什么实际影响,即使以后能派上用场,也是很久以后的事。但实际上,它现在已经得到了
  • 大家在使用ASP设计用户提交表单的时候,如果涉及到网址输入框,那么相信都有可能会用到这个效果,使用正则表达式验证网址合法性。代码如下:<
  • *注意:本文的内容涉及到修改NTFS磁盘权限和设置安全策略,请务必在确认您了解操作可能的后果之后再动手进行任何的修改。文中提及的权限都是在原
  • 方法一.Image {      max-width:600px;height:
  • 很早就在这里看到过解决方案,与嗷嗷讨论后发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正
  • Oracle不像SQLServer那样在存储过程中用Select就可以返回结果集,而是通过Out型的参数进行结果集返回的。实际上是利用REF
  • 统计分析常常会出错、存在偏见或过于狭隘。数字崇拜者常因专注于统计分析而把可用性研究引入歧途。强调洞察力和定性研究更为重要。用户研究有两种类型
  • asp之家注:有时候我们需要知道我们链接的远程图片是否正常,是否存在,当不存在时如果我们继续引用,就会在网页上留个大大的X,影响了页面美观。
  •  asp程序出错后,错误提示不是很清楚明白,让人摸不着头脑,用下面方法看看有没有帮助(此法目前只适合除ADO错误外的错误) &nb
  • 通常我们做统计图的时候需要借助组件来完成例如mschart,aspchart等但是这个类不需要任何组件,而且使用方便,本站测试可用:clsG
手机版 网络编程 asp之家 www.aspxhome.com