`
zachary.guo
  • 浏览: 487175 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery 学习二(核心函数)

阅读更多
    ●  jQuery(expression, [context])
/**
 * @expression CSS 选择器
 * @context 查找的上下文
 * @return jQuery Object
 */
function jQuery(expression, [context]);

          这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。
       jQuery 的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。
       默认情况下, 如果没有指定 context 参数,$() 将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。
       默认情况下,如果没有指定context参数,$() 将在当前的 HTML 文档中查找 DOM 元素;如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找。



    ●  jQuery(html)
/**
 * @html 用于动态创建 DOM 元素的 HTML 标记字符串
 * @return jQuery Object
 */
function jQuery(html);

          根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。
          你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span,可以用 $("<span/>") 或 $("<span></span>"),但不推荐 $("<span>")。

// 在 IE 中无效
$("<input>").attr("type", "checkbox");
// 在 IE 中有效
$("<input type='checkbox'>");


    ●  jQuery(elements)
/**
 * @elements(Element, Array<Element>) 用于封装成 jQuery 对象的 DOM 元素
 * @return jQuery Object
 */
function jQuery(elements);

          将一个或多个 DOM 元素转化为jQuery对象。这个函数也可以接收 XML 文档和 Window 对象(虽然它们不是 DOM 元素)作为有效的参数。

    ●  jQuery(callback)
/**
 * @callback(Function) 当 DOM 加载完成后(仅仅是 DOM 树形成)要执行的函数
 * @return jQuery Object
 */
function jQuery(callback);

          $(document).ready() 的简写。
          允许你绑定一个在 DOM 文档载入完成后执行的函数。这个函数的作用如同 $(document).ready() 一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的 $() 操作符都包装到其中来。从技术上来说,这个函数是可链接的 - 但真正以这种方式链接的情况并不多。
          你可以在一个页面中使用任意多个 $(document).ready 事件。
分享到:
评论

相关推荐

    jquery学习笔记及常用函数封装.zip

    《jQuery学习笔记及常用函数封装》 在编程领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本资料包“jquery学习笔记及常用函数封装.zip”包含了从JQuery基础...

    JQuery学习网站

    **jQuery学习网站** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和强大的功能,jQuery成为了前端开发中的首选工具之一。 这篇博文链接...

    jquery和js核心api

    学习JavaScript和jQuery,你可以参考"JavaScript核心参考手册.chm",它通常会涵盖语法、对象、函数、DOM操作等全面内容。对于jQuery,"jQuery API 1.4.chm"提供了详细的API文档,帮助你理解和运用各种方法。在实际...

    jquery学习资料大全

    **jQuery学习资料大全** 在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript代码,使得网页交互和DOM操作变得更加便捷。这份“jQuery学习资料大全”提供了丰富的资源,无论你是初学者还是有...

    JQuery学习手册.rar

    《JQuery学习手册》是一份全面且深入的资源,旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识,还有实践应用的案例,是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...

    jquery核心函数_.docx

    在jQuery中,`$`符号是其核心函数,它不仅是一个选择器,还用于执行各种操作。以下是对`$`函数的详细解析: 1. **选择器**: `$()`函数通常用于选取DOM元素。例如,`$(p)`会选择所有`&lt;p&gt;`元素。如果提供一个条件,...

    jquery 教程 jQuery学习资料 jQuery学习

    二、jQuery API jQuery API_CHM.CHM文件包含了jQuery的完整文档,其中详细列出了jQuery的所有函数、方法和属性。以下是一些关键API的简介: 1. `$()`: 这是jQuery的主要构造函数,用于创建jQuery对象,通常用于包裹...

    JQuery学习资料

    这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源,旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先,`jquery1.4 API`是JQuery 1.4版本的官方API文档,它详细列出了该版本的所有...

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录,本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...

    JQuery学习资料与源代码

    这个压缩包中的"JQuery学习资料与源代码"包含了从基础到进阶的全方位学习资源,帮助开发者快速掌握jQuery的核心技能。 1. **jQuery基础知识** - DOM操作:jQuery通过简洁的语法提供了对HTML元素的选择、遍历和操作...

    jquery学习资料

    **jQuery学习资料** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理、动画制作等任务变得更加简单。本资料包包含了jQuery的学习资源,包括PPT教程和...

    jQuery学习笔记(一)

    本文将作为jQuery学习系列的第一部分,主要介绍jQuery的基础概念和核心功能,帮助初学者快速入门。 ### 1. jQuery选择器 jQuery的核心在于其强大的选择器系统,它极大地简化了对HTML元素的选取。基于CSS选择器,...

    jquery手册jquery的学习jquery的学习

    "jQueryAPI_CHM.CHM"是jQuery的离线API文档,是学习和查询jQuery函数及方法的重要参考资料。通过阅读此文档,你可以详细了解每个函数的用法、参数和返回值。 总结: jQuery的学习需要从基础选择器和DOM操作开始,...

    用jquery写的二级menu

    7. **封装与模块化(Encapsulation and Modularity)**:将二级菜单的逻辑封装为一个jQuery插件或自定义函数,便于代码复用和维护。 在描述中提到的“博文链接:https://bud407.iteye.com/blog/608880”,这是一个...

    jquery零碎实例和学习心得

    `jquery-1.2.6.js` 文件是jQuery 1.2.6的核心库文件,你可以通过查看源代码来学习jQuery的内部实现和函数结构,这对于深入理解jQuery的工作原理很有帮助。 `jQuery官方UI插件.rar` 包含了jQuery UI库,这是jQuery的...

    jQuery学习示例 大全

    这个"jQuery学习示例大全"涵盖了从基础到进阶的各种示例,帮助开发者快速掌握jQuery的核心功能。 ### 1. jQuery基础 - **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id),类选择器(.class),元素选择...

    jquery学习配套资料

    **jQuery学习配套资料详解** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本压缩包提供了全面的jQuery学习资源,包括全版本的jQuery库、...

    jQuery学习资料

    **jQuery学习资料** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个学习资料包包含了多个面向初学者和中级开发者的资源,旨在帮助你快速掌握jQuery的核心...

    jquery 学习手册

    这部“jQuery学习手册”旨在为初学者提供一个全面且易懂的教程,涵盖jQuery的核心概念、属性、选择器、事件、CSS操作、文档处理、效果和筛选等多个关键领域。 **一、jQuery核心** jQuery的核心是其简洁的API(应用...

Global site tag (gtag.js) - Google Analytics