jQuery_doc_1.2完整说明文档,jquery学习必备资源-CSDN文库

共12个文件

png：5个

js：3个

ico：1个

需积分: 16 149 浏览量 2009-02-18 22:55:08 上传评论收藏 56KB RAR 举报

《jQuery_doc_1.2 完整说明文档》是一份针对jQuery 1.2版本的详尽学习资源，对于任何想要深入理解或提升jQuery技能的人来说，都是不可或缺的工具。jQuery是一个广泛使用的JavaScript库，它极大地简化了网页的DOM操作、事件处理、动画制作和Ajax交互。这份文档详细介绍了jQuery的核心概念、语法、方法、对象和函数，帮助开发者快速上手并提高工作效率。一、jQuery基础在jQuery中，选择器是核心功能之一，它们允许你高效地选取HTML元素。例如，"$()"函数是jQuery的主要入口点，你可以用它来选择DOM元素，如`$("div")`会选择所有的div元素。此外，CSS选择器如"id", "class"和"attribute"也被用于更精确的选择。二、DOM操作 jQuery提供了丰富的DOM操作方法，如`.append()`用于在元素内部添加内容，`.prepend()`在元素内部前面插入内容，`.remove()`则可以删除元素。另外，`.html()`, `.text()`, `.attr()`等方法用于设置或获取元素的HTML内容、文本和属性值。三、事件处理 jQuery简化了事件绑定和处理。`.on()`方法可以用来添加事件监听器，如`$("#myButton").on("click", function() {...})`会在按钮点击时执行指定函数。`.trigger()`方法则可以触发已绑定的事件。四、动画效果 jQuery的动画功能强大且易于使用。`.animate()`方法允许创建自定义动画，如改变元素的宽度、高度、透明度等。`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等预定义动画则提供了常见的视觉效果。五、Ajax交互 jQuery的Ajax功能使得与服务器进行异步数据交换变得简单。`.ajax()`, `.get()`, `.post()`等方法用于发送HTTP请求，`.getJSON()`专门用于获取JSON数据。$.ajaxSetup()可以全局配置Ajax选项。六、插件开发 jQuery的可扩展性是其受欢迎的原因之一。通过`.extend()`方法，可以创建自定义函数和插件，丰富jQuery的功能。例如，许多开发者利用这个特性创建了自己的动画插件或表单验证插件。七、API参考 jQuery_doc_1.2文档提供了完整的API参考，每个方法、属性和事件都有详细的解释和示例代码，帮助开发者理解和运用。这包括$.each(), $.grep(), $.proxy()等实用工具函数，以及$.Deferred()和$.Promise()用于异步编程。这份文档是jQuery初学者和进阶者的重要参考资料，无论你是想要快速查找某个功能的用法，还是深入研究jQuery的工作原理，都能从中受益匪浅。结合实际项目实践，通过阅读和使用《jQuery_doc_1.2 完整说明文档》，你可以逐步提升JavaScript和jQuery的技能，成为一名熟练的前端开发者。

资源推荐

资源详情

资源评论

收起资源包目录

jQuery_doc_1.2.rar （12个子文件）

jQuery_doc_1.2

style

img

functionitem.png 862B

menuitem.png 569B

.png 899B

categoryitem.png 836B

Thumbs.db 9KB

favicon.ico 1KB

123.png 569B

jqueryapi.js 2KB

lib

jquery.js 27KB

jquery.corner-min.js 3KB

jqueryapi.css 3KB

index.html 328KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="jQuery 1.2 API Reference,Visual jQuery 1.2,jQuery doc,KISS,keep it simple & stupid!,Priscilla Chan,wstudio,jQuery,Java,Python,Wordpress,Ubuntu,Django,web.py" /> <meta name="description" content="jQuery 1.2 API Reference,like visual jQuery 1.2" /> <link rel="shortcut icon" href="style/img/favicon.ico" /> <title>jQuery 1.2 API Reference</title> <link rel="stylesheet" type="text/css" href="style/jqueryapi.css" /> <script type="text/javascript" src="style/lib/jquery.js"></script> <script type="text/javascript" src="style/lib/jquery.corner-min.js"></script> <script type="text/javascript" src="style/jqueryapi.js"></script> </head> <body> <div id="topnav"> <a class="topnav" href="http://wstudio.web.fc2.com/index.html" title="返回 KISS 首页">KISS</a> <span class="topnav">|</span> <a class="topnav" href="http://wstudio.web.fc2.com/wstudio/index.html" title="返回 W 工作室">W 工作室</a> </div> <div id="header"></div> <hr color="#595959" /> <div id="foldandexpand"> <button id="fold">Fold</button> <button id="expand">Expand</button> <button id="foldall">Fold All</button> <button id="expandall">Expand All</button> </div> <div class="mainmenu">  <div class="menuitem">Core</div> <div class="functionmenu"> <div class="categoryitem">The jQuery Function</div> <div class="category"> <div class="functionitem">jQuery(expr,context)</div> <div class="content"> <h1>jQuery(expression,[context])</h1> <div class="desc"> <div>This function accepts a string containing a CSS or basic XPath selector which is then used to match a set of elements. </div> <div class="longdesc">The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS or XPath), which then finds all matching elements. <p>By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context. </div> </div> <h2>Returns</h2> <p class="indent">jQuery</p> <h2>Arguments</h2> <p class="indent"><strong>expression </strong>(String) : An expression to search with.</p> <p class="indent"><strong>context </strong>(Element, jQuery) : (Optional) A DOM Element,Document or jQuery to use as context.</p> <h2>Examples</h2> <p class="indent"> Finds all p elements that are children of a div element. </p> <p class="indent"><strong>Source code:</strong></p> <div class="code"> <p>one</p> <div><p>two</p></div> <p>three</p> </div> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> $("div > p"); </div> <p class="indent"><strong>Result:</strong></p> <div class="code"> [ <p>two</p> ] </div> <hr/> <p class="indent"> Finds all inputs of type radio within the first form in the document. </p> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> $("input:radio", document.forms[0]); </div> <hr/> <p class="indent"> Finds all div elements within an XML document from an AJAX response. </p> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> $("div", xml.responseXML); </div> </div> <div class="functionitem">jQuery(html)</div> <div class="content"> <h1>jQuery(html)</h1> <div class="desc"> <div>Create DOM elements on-the-fly from the provided String of raw HTML. </div> <div class="longdesc">You can pass in plain HTML Strings written by hand, create them using some template engine or plugin, or load them via AJAX. There are limitations when creating input elements, see the second example. Also when passing strings that may include slashes (such as an image path), escape the slashes. </div> </div> <h2>Returns</h2> <p class="indent">jQuery</p> <h2>Arguments</h2> <p class="indent"><strong>html </strong>(tring) : A string of HTML to create on the fly.</p> <h2>Examples</h2> <p class="indent"> Creates a div element (and all of its contents) dynamically, and appends it to the body element. Internally, an element is created and its innerHTML property set to the given markup. It is therefore both quite flexible and limited. </p> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> $("<div><p>Hello</p></div>").appendTo("body") </div> <hr/> <p class="indent"> Do not create <input>-Elements without a type-attribute, due to Microsofts read/write-once-rule for the type-attribute of <input>-elements</p> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> // Does NOT work in IE:<br> $("<input>").attr("type", "checkbox");<br> // Does work in IE:<br> $("<input type='checkbox'>");<br> </div> </div> <div class="functionitem">jQuery(elements)</div> <div class="content"> <h1>jQuery(elements)</h1> <div class="desc"><div>Wrap jQuery functionality around a single or multiple DOM Element(s).</div> <div class="longdesc">This function also accepts XML Documents and Window objects as valid arguments (even though they are not DOM Elements).</div></div> <h2>Returns</h2> <p class="indent">jQuery</p> <h2>Arguments:</h2> <p class="indent"><strong>elements </strong>(Element, Array<Element>) : DOM element(s) to be encapsulated by a jQuery object.</p> <h2>Examples</h2> <p class="indent"> Sets the background color of the page to black. </p> <p class="indent"><strong>jQuery code:</strong></p> <div class="code"> $(document.body).css( "background", "black" ); </div> </div> <div class="functionitem">jQuery(callback)</div> <div class="content"> <h1>jQuery(callback)</h1> <div class="desc"><div>A shorthand for $(document).ready().</div> <div class="longdesc">Allows you to bind a function to be executed when the DOM document has finished loading. This function behaves just like $(document).ready(), in that it should be used to wrap other $() operations on your page that depend on the DOM being ready to be operate

评论收藏

内容反馈