开发学院,分享开发教程和最新动态
章节列表 jQuery 简介jQuery 安装jQuery 语法jQuery 选择器jQuery 事件jQuery 效果 - 隐藏和显示jQuery 效果 - 淡入淡出jQuery 效果 - 滑动jQuery 效果 - 动画jQuery 停止动画jQuery Callback 函数jQuery - ChainingjQuery - 获得内容和属性jQuery - 设置内容和属性jQuery - 添加元素jQuery - 删除元素jQuery - 获取并设置 CSS 类jQuery - css() 方法jQuery - 尺寸jQuery 遍历jQuery 遍历 - 祖先jQuery 遍历 - 后代jQuery 遍历 - 同胞jQuery 遍历 - 过滤jQuery - AJAX 简介jQuery - AJAX load() 方法jQuery - AJAX get() 和 post() 方法jQuery - noConflict() 方法jQuery 参考手册jQuery 参考手册 - 选择器jQuery 参考手册 - 事件jQuery 参考手册 - 效果jQuery 参考手册 - 文档操作jQuery 参考手册 - 属性操作jQuery 参考手册 - CSS 操作jQuery 参考手册 - AjaxjQuery 参考手册 - 遍历jQuery 参考手册 - 数据jQuery 参考手册 - DOM 元素方法jQuery 参考手册 - 核心jQuery 参考手册 - 属性jQuery * 选择器jQuery # 选择器jQuery . 选择器jQuery element 选择器jQuery :first 选择器jQuery :last 选择器jQuery :even 选择器jQuery :odd 选择器jQuery :eq() 选择器jQuery :gt 选择器jQuery :lt 选择器jQuery :header 选择器jQuery :animated 选择器jQuery :contains 选择器jQuery :empty 选择器jQuery :visible 选择器jQuery [attribute] 选择器jQuery [attribute=value] 选择器jQuery [attribute!=value] 选择器jQuery [attribute$=value] 选择器jQuery :input 选择器jQuery :text 选择器jQuery :password 选择器jQuery :radio 选择器jQuery :checkbox 选择器jQuery :submit 选择器jQuery :reset 选择器jQuery :button 选择器jQuery :image 选择器jQuery :file 选择器jQuery :enabled 选择器jQuery :disabled 选择器jQuery :selected 选择器jQuery :checked 选择器jQuery 事件 - bind() 方法jQuery 事件 - blur() 方法jQuery 事件 - change() 方法jQuery 事件 - click() 方法jQuery 事件 - dblclick() 方法jQuery 事件 - delegate() 方法jQuery 事件 - die() 方法jQuery 事件 - error() 方法jQuery 事件 - isDefaultPrevented() 方法jQuery 事件 - pageX 属性jQuery 事件 - pageY 属性jQuery 事件 - preventDefault() 方法jQuery 事件 - result 属性jQuery 事件 - target 属性jQuery 事件 - timeStamp 属性jQuery 事件 - type 属性jQuery 事件 - which 属性jQuery 事件 - focus() 方法jQuery 事件 - keydown() 方法jQuery 事件 - keypress() 方法jQuery 事件 - keyup() 方法jQuery 事件 - live() 方法jQuery 事件 - load() 方法jQuery 事件 - mousedown() 方法jQuery 事件 - mouseenter() 方法jQuery 事件 - mouseleave() 方法jQuery 事件 - mousemove() 方法jQuery 事件 - mouseout() 方法jQuery 事件 - mouseover() 方法jQuery 事件 - mouseup() 方法jQuery 事件 - one() 方法jQuery 事件 - ready() 方法jQuery 事件 - resize() 方法jQuery 事件 - scroll() 方法jQuery 事件 - select() 方法jQuery 事件 - submit() 方法jQuery 事件 - toggle() 方法jQuery 事件 - trigger() 方法jQuery 事件 - triggerHandler() 方法jQuery 事件 - unbind() 方法jQuery 事件 - undelegate() 方法jQuery 事件 - unload 属性jQuery 效果 - animate() 方法jQuery 效果 - clearQueue() 方法jQuery 效果 - fadeIn() 方法jQuery 效果 - fadeOut() 方法jQuery 效果 - fadeTo() 方法jQuery 效果 - hide() 方法jQuery 效果 - show() 方法jQuery 效果 - slideDown() 方法jQuery 效果 - slideToggle() 方法jQuery 效果 - slideUp() 方法jQuery 效果 - stop() 方法jQuery 效果 - toggle() 方法jQuery 文档操作 - after() 方法jQuery 文档操作 - append() 方法jQuery 文档操作 - appendTo() 方法jQuery 文档操作 - before() 方法jQuery 文档操作 - clone() 方法jQuery 文档操作 - detach() 方法jQuery 文档操作 - empty() 方法jQuery 文档操作 - html() 方法jQuery 文档操作 - insertAfter() 方法jQuery 文档操作 - insertBefore() 方法jQuery 文档操作 - prepend() 方法jQuery 文档操作 - prependTo() 方法jQuery 文档操作 - remove() 方法jQuery 文档操作 - replaceAll() 方法jQuery 文档操作 - replaceWith() 方法jQuery 文档操作 - text() 方法jQuery 文档操作 - unwrap() 方法jQuery 文档操作 - wrap() 方法jQuery 文档操作 - wrapAll() 方法jQuery 文档操作 - wrapInner() 方法jQuery 属性操作 - addClass() 方法jQuery 属性操作 - attr() 方法jQuery 属性操作 - hasClass() 方法jQuery 属性操作 - removeAttr() 方法jQuery 属性操作 - removeClass() 方法jQuery 属性操作 - toggleClass() 方法jQuery 属性操作 - val() 方法jQuery CSS 操作 - css() 方法jQuery CSS 操作 - height() 方法jQuery CSS 操作 - offset() 方法jQuery CSS 操作 - offsetParent() 方法jQuery CSS 操作 - position() 方法jQuery CSS 操作 - scrollLeft() 方法jQuery CSS 操作 - scrollTop() 方法jQuery CSS 操作 - width() 方法jQuery ajax - ajax() 方法jQuery ajax - ajaxComplete() 方法jQuery ajax - ajaxError() 方法jQuery ajax - ajaxSend() 方法jQuery ajax - ajaxSetup() 方法jQuery ajax - ajaxStart() 方法jQuery ajax - ajaxStop() 方法jQuery ajax - ajaxSuccess() 方法jQuery ajax - get() 方法jQuery ajax - getJSON() 方法jQuery ajax - getScript() 方法jQuery ajax - load() 方法jQuery ajax - param() 方法jQuery ajax - post() 方法jQuery ajax - serialize() 方法jQuery ajax - serializeArray() 方法jQuery 遍历 - add() 方法jQuery 遍历 - andSelf() 方法jQuery 遍历 - children() 方法jQuery 遍历 - closest() 方法jQuery 遍历 - contents() 方法jQuery 遍历 - each() 方法jQuery 遍历 - end() 方法jQuery 遍历 - eq() 方法jQuery 遍历 - filter() 方法jQuery 遍历 - find() 方法jQuery 遍历 - first() 方法jQuery 遍历 - has() 方法jQuery 遍历 - is() 方法jQuery 遍历 - last() 方法jQuery 遍历 - map() 方法jQuery 遍历 - next() 方法jQuery 遍历 - nextAll() 方法jQuery 遍历 - nextUntil() 方法jQuery 遍历 - not() 方法jQuery 遍历 - offsetParent() 方法jQuery 遍历 - parent() 方法jQuery 遍历 - parents() 方法jQuery 遍历 - parentsUntil() 方法jQuery 遍历 - prev() 方法jQuery 遍历 - prevAll() 方法jQuery 遍历 - prevUntil() 方法jQuery 遍历 - siblings() 方法jQuery 遍历 - slice() 方法jQuery 遍历 - clearQueue() 方法jQuery 数据 - data() 方法jQuery 数据 - jQuery.data() 方法jQuery 遍历 - dequeue() 方法jQuery 遍历 - jQuery.dequeue() 方法jQuery 遍历 - hasData() 方法jQuery 遍历 - queue() 方法jQuery 遍历 - jQuery.queue() 方法jQuery 数据 - removeData() 方法jQuery 数据 - jQuery.removeData() 方法jQuery DOM 元素方法 - get() 方法jQuery DOM 元素方法 - index() 方法jQuery DOM 元素方法 - size() 方法jQuery DOM 元素方法 - toArray() 方法jQuery context 属性jQuery jquery 属性jQuery jQuery.fx.interval 属性jQuery jQuery.fx.off 属性jQuery jQuery.support 属性jQuery length 属性jQuery 核心 - jQuery() 方法jQuery 核心 - noConflict() 方法

jQuery 简介

jQuery 简介

    jQuery 库可以通过一行简单的标记被添加到网页中。

    jQuery 库 - 特性

    jQuery 是一个 JavaScript 函数库。

    jQuery 库包含以下特性:

    • HTML 元素选取

    • HTML 元素操作

    • CSS 操作

    • HTML 事件函数

    • JavaScript 特效和动画

    • HTML DOM 遍历和修改

    • AJAX

    • Utilities

    向您的页面添加 jQuery 库

    jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。

    可以通过下面的标记把 jQuery 添加到网页中:

    <head><script type="text/javascript" src="jquery.js"></script></head>

    请注意,<script> 标签应该位于页面的 <head> 部分。

    基础 jQuery 实例

    下面的例子演示了 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。

    实例

    <html>
    <head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){$("p").hide();});
    });
    </script>
    </head>
    
    <body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button type="button">Click me</button>
    </body>
    </html>


    下载 jQuery

    共有两个版本的 jQuery 可供下载:一份是精简过的,另一份是未压缩的(供调试或阅读)。

    这两个版本都可从 jQuery.com 下载。

    库的替代

    Google 和 Microsoft 对 jQuery 的支持都很好。

    如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

    使用 Google 的 CDN

    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
    /jquery/1.4.0/jquery.min.js"></script>
    </head>

    使用 Microsoft 的 CDN

    <head>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
    /jquery-1.4.min.js"></script>
    </head>