jQuery使用手册之基本介绍(1)
2009-02-04 15:41
204 查看
Jquery是继prototype之后又一个优秀的Javascript框架。jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优
秀的js效果,jQuery可以帮你达到目的!本文主要讲述jquery的基本介绍和一些基本的核心部分中的基本函数的运用,如果你还没有jquery就去下载个吧
下载完成后先加载到文档中,然后我们来看个简单的例子!
上边的效果是点击文档中所有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的使用:
核心部分
DOM操作
css操作
javascript处理
动态效果
event事件
ajax支持
插件程序
秀的js效果,jQuery可以帮你达到目的!本文主要讲述jquery的基本介绍和一些基本的核心部分中的基本函数的运用,如果你还没有jquery就去下载个吧
下载完成后先加载到文档中,然后我们来看个简单的例子!
<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的使用:
核心部分
DOM操作
css操作
javascript处理
动态效果
event事件
ajax支持
插件程序
相关文章推荐
- JQuery autocomplete使用手册
- 推荐--jQuery使用手册
- 转,推荐--jQuery使用手册
- jquery-autocomplete 使用手册
- jQuery使用手册之jQuery插件
- jQuery使用手册(二)
- JQuery autocomplete 使用手册
- JQuery API 文档 、JQuery 使用手册、JQuery 帮助文档
- jQuery使用手册(4)
- Jquery使用手册5--动态效果作者:choy
- jQuery使用手册
- jQuery使用手册(一)
- jQuery使用手册(二)
- jQuery 使用手册(六)
- jQuery 使用手册(三)
- 推荐--jQuery使用手册
- jQuery使用手册
- jQuery使用手册
- [转帖]推荐--jQuery使用手册
- jQuery使用手册之Ajax支持(8)