今儿看看了jquery官网上一段很基础的示例代码，感觉很奇怪，于是改写了一下。
html:
<body id="body">
<div class="a" id="1">Click here</div>
<div class="s" id="2">to iterate through</div>
<div class="a" id="3">these divs.</div>
</body
js:
<script>
$(document.body).click(function () {
$("div").each(function (i) {
if (this.style.color != "blue") {
this.style.color = "blue";
} else {
this.style.color = "red";
}
alert(this.id);///alert(this.attr("id")); error
});
});
});$(document).ready(function(){
</script>
就是介绍each这个函数
按理说这是jquery函数，传入的对象是个jquery wrap的对象，但是事实上却是一个dom对象？
调用this.attr()会报错。
解释： 又没仔细看文档！。。。杯具！
This means that every time the passed-in function is executed (which is once for every element matched) the 'this' keyword points to the specific DOM element. Note that 'this' does not point to a jQuery object.
分享到：
相关推荐
《jQuery JavaScript与CSS开发入门经典》是一本专为初学者设计的编程指南，旨在帮助读者快速掌握前端开发的核心技术——jQuery、JavaScript和CSS。通过学习这本书的源码，你可以深入理解这三个关键技术的工作原理，...
《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍，它涵盖了Web开发中三个至关重要的技术：jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础，也是现代Web开发的...
在JavaScript中，我们可以实现与jQuery类似但更底层的功能。例如，使用原生JavaScript获取元素： ```javascript var element = document.getElementById("elementId"); ``` 并添加事件监听器： ```javascript ...
《jQuery、JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的权威指南，由施宏斌等专家合著。这本书详细介绍了这三种关键技术的基础知识和实践应用，为读者构建坚实的Web开发基础。 首先，...
这个压缩包文件中的内容很可能是关于jQuery的一些经典示例，以及将jQuery与原生JavaScript进行对比的讲解。让我们深入探讨一下jQuery和JavaScript之间的差异，以及jQuery的一些核心特点和经典应用。 首先，jQuery的...
jQuery对象和JavaScript对象（DOM对象）虽然在很多方面都是互补的，但它们在功能和使用上有着明显的区别。理解如何在这两者之间进行转换是编写高效、简洁的jQuery代码的关键。 首先，jQuery对象是通过调用jQuery...
4. **对象与原型**：JavaScript的面向对象基于原型，通过原型链实现继承。 5. **闭包**：闭包是JavaScript中的一个高级概念，它可以访问并操作外部作用域的变量，即使在外部作用域已经销毁的情况下。 6. **异步...
博客中提到的`json2.js`文件可能是一个JavaScript库，用于在浏览器环境中将JSON数据转换为特定的JavaScript对象结构，但这与jQuery将数据转换为Java对象无关。在实际开发中，前端通常会发送JSON格式的数据到后端，...
JavaScript和jQuery是Web开发中的两种关键技术，它们在创建交互式网页和动态用户界面方面发挥着重要作用。本实战手册旨在深入探讨这两种技术的核心概念、语法以及实际应用，帮助开发者提升技能并构建高效、响应式的...
JavaScript和jQuery是Web开发中...总之，精通JavaScript与jQuery不仅需要掌握它们的基本语法和核心概念，还需要通过实践不断深化理解和应用能力。这将为你的Web开发生涯打下坚实的基础，并帮助你应对各种网页交互挑战。
var $h1 = $("创建节点' class='head'>jQuery与 JavaScript 创建节点比较</h1>"); $("div").append($h1); ``` 这里，`$("<h1>")` 用于创建 h1 元素，`attr()` 方法用于设置属性，最后通过 `append()` 将新创建的...
本书首先会讲解JavaScript的基础，包括变量、数据类型、控制结构（如if语句和循环）、函数以及对象。此外，还会深入到更高级的主题，如闭包、原型链以及异步编程，这些都是现代JavaScript开发中的关键概念。 jQuery...
jQuery 是一个流行的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画以及与服务器交互等任务。通过提供易于使用的 API，jQuery 使得开发人员能够用更少的代码实现功能丰富的网页应用。本篇主要聚焦于 ...
DOM对象是JavaScript与HTML交互的基础，而jQuery对象通过封装DOM对象，提供了更为便利的操作接口。理解两者之间的关系和转换方法，对于提升JavaScript编程效率和代码质量具有重要意义。在实际项目中，灵活运用DOM...
1. **JavaScript基础**：这包括变量声明、数据类型（如字符串、数字、布尔、对象和数组）、控制结构（如条件语句、循环）、函数定义与调用，以及作用域和闭包等概念。理解这些基础知识是掌握JavaScript的关键。 2. ...
jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出...
JavaScript中的DOM对象和jQuery对象是两种不同的数据结构，它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要，因为这有助于选择合适的工具进行网页交互。 ...
- **对象与原型**：JavaScript对象基于原型链，通过`new`关键字创建实例，`.`和`[]`用于访问属性。 **4. jQuery与JavaScript的关系：** jQuery是对JavaScript的一层封装，它提供了一套更高级别的API，使得开发者能...
《众妙之门 JavaScript与jQuery技术精粹》是一本深入探讨JavaScript和jQuery核心概念与实践技巧的书籍。这本书旨在帮助读者全面理解这两种强大的Web开发工具，提升开发效率和网页交互体验。 JavaScript，作为Web...
8. **与原生JavaScript的交互**：虽然jQuery提供了很多便利，但了解如何在jQuery和原生JavaScript之间切换也是必要的。`$.each()`类似于JavaScript的`for...of`循环，`$().get(index)`和`$(selector)[index]`可以...