JQuery自学第二天.docx

="example">这是一个示例文本</span>\n\n在学习JQuery的过程中，首先需要理解JQuery与原生JavaScript之间的主要区别。原生JavaScript的入口函数，如`window.onload`或`document.DOMContentLoaded`，会在DOM元素及所有资源（如图片）加载完毕后执行，而JQuery的入口函数，如`$(document).ready()`，则只等待DOM元素加载完毕就开始执行，不会等待图片加载。此外，原生JS中的多个入口函数会被后面的函数覆盖，而在JQuery中则不会，它们会依次执行。 解决JQuery冲突问题通常有两种方法：一是使用`jQuery.noConflict()`方法释放`$`符号，二是通过闭包来限制`$`的作用域。例如，如果一个外部库将`$`赋值为300，你可以这样使用JQuery： ```javascript var jq = jQuery; jq(function() { // 在这里使用jq代替$ }); ``` JQuery的核心函数`$( )`是其核心功能，它可以接受多种参数类型，如函数、字符串、DOM元素等。当传递一个函数时，它会在DOM准备就绪时执行。传递字符串时，可以是一个选择器（用于选取DOM元素）或代码片段（用于插入HTML）。当传递DOM元素时，JQuery会将其包装成JQuery对象，方便进一步操作。 JQuery对象是JQuery操作DOM的基础，它包含了DOM元素的集合。JQuery提供了静态方法和实例方法。静态方法直接通过JQuery类调用，如`$.each()`和`$.map()`，而实例方法则是通过JQuery对象调用，如`$(selector).click()`。 `$.each()`是一个常用的静态方法，用于遍历数组或对象，而`$.map()`则用于创建新数组，可以根据提供的回调函数处理原始数组的每个元素。两者的主要区别在于`$.each()`不处理返回值，而`$.map()`会生成新的数组。 其他JQuery静态方法如`$.trim()`用于去除字符串两端的空格，`$.isWindow()`检查对象是否为`window`对象，`$.isArray()`检测是否为真数组，`$.isFunction()`则用来判断是否为函数。 `$.holdReady()`是一个特殊的方法，它可以暂停JQuery入口函数的执行，这对于控制脚本加载顺序很有用。 在WebStorm等开发工具中，可以利用其内置的JQuery支持，简化代码编写，提高效率。 JQuery的内容选择器如`:empty`、`:parent`、`:contains(text)`和`:has(selector)`提供了强大的DOM筛选功能。它们可以帮助我们精准地选取具有特定内容、子元素或满足特定条件的元素。 属性和属性节点是DOM操作的关键。属性是对象上的变量，而属性节点是DOM元素上的属性表示。通过`setAttribute()`和`getAttribute()`可以操作这些属性节点。JQuery的`attr()`方法是设置和获取属性节点值的便捷方式，它支持单参数获取属性值或双参数设置属性值。 以上是JQuery自学第二天所涉及的主要知识点，包括JQuery与原生JavaScript的比较、冲突解决、核心函数的使用、选择器以及属性操作。通过深入理解和实践，你可以逐步掌握JQuery的精髓，提高网页开发的效率。