jQuery入门教程与常用技巧总结

需积分: 10 161 浏览量更新于2024-09-14 收藏 17KB TXT 举报

"这篇文档是关于jQuery的个人学习总结，主要涵盖了jQuery的基础知识，包括它的引入、DOM操作、事件处理以及选择器的使用方法。作者希望通过这篇文章帮助初学者快速理解和应用jQuery，同时提及了将来可能的更新补充。" 在JavaScript的世界里，jQuery是一个广泛使用的库，它简化了许多原生JavaScript的复杂操作，提供了更加简洁和高效的API。jQuery的核心特性包括： 1. jQuery对象与JavaScript对象的转换：jQuery通过$()函数将DOM元素集合包装成jQuery对象，使得我们可以方便地调用jQuery的方法。例如，`$(document)`将整个文档转换为jQuery对象，而`$(selector)`则可以选取符合指定选择器的元素。 2. 页面加载事件处理：在JavaScript中，我们通常使用`window.onload`来确保所有资源加载完毕后执行代码。然而，jQuery提供了一个更高效的`$(document).ready()`函数，它会在DOM结构加载完成后立即执行回调函数，无需等待图片等其他资源加载。jQuery的`ready`方法有多种写法，如`$(function() {});`或`$().ready(function() {});`。 3. jQuery的选择器：jQuery支持CSS1到CSS3的选择器，以及一些特有的选择器。例如，`nth-child(odd)`和`nth-child(even)`用于选取奇偶行元素，这在处理表格或其他列表布局时非常有用。通过这些选择器，可以精确地定位和操作DOM元素。 4. jQuery的引入：要在HTML中使用jQuery，需要在`<head>`标签内引入jQuery库的JS文件，如`<script type="text/javascript" src="jQuery-1.6.4.min.js"></script>`。这个版本号可能会随着jQuery的更新而变化。 5. jQuery操作DOM：jQuery提供了丰富的API来操作DOM，如添加类名、插入HTML、改变样式等。例如，`$(".class").addClass("newClass")`用于向匹配的元素添加类名，而`$("#id").append(html)`则是向指定ID的元素内部追加HTML内容。 6. jQuery中的$别名：在某些场景下，可能存在命名冲突，jQuery允许用户为$符号设置别名，如`jQuery(function() {})`。 7. jQuery与JavaScript的对比：jQuery简化了JavaScript的一些操作，如设置元素样式。在JavaScript中，需要通过`getElementById`获取元素，然后通过`style`属性修改颜色。而在jQuery中，可以简写为`$("#id").css("color", "red")`。这个总结为初学者提供了jQuery的基础知识框架，包括其基本用法和优势，帮助他们快速掌握并应用到实际项目中。对于后续的学习者，作者计划进一步更新和补充内容，使其更全面和深入。

jQuery总结：

1. 认识jQuery：

jQuery是javascript中的一个较轻量级的类库

js: document(dom)--->Jquery: $(document)(对象)

javascriptAPI和Jquery的API是不能通用的

2. javascript和jQuery:

$(document).ready(function(){});
类似于javascript中的window.onload=function(){}
区别：
js中的window.onload页面加载完毕只执行一个函数会默认的覆盖前面的函数
如果想要在页面加载完毕执行2个函数，可以把2个函数放在一个函数里调用，
当页面加载完成执行这个总函数

jQuery中的ready函数页面加载完毕会依次执行不会覆盖

3. jQuery中的ready函数简写形式：
简写形式一：
$(function(){});

简写形式二：
$().ready(function(){});

4. 使用jQuery需要在<head></head>里导入jQuery框架文件:

剩余26页未读，继续阅读

贺少文

粉丝: 0
资源: 3

jQuery入门教程与常用技巧总结

JQuery个人总结（很全面）

jquery文件上传插件

jquery.printarea.js下载

jquery+png转jpg

jquery获取日期

帮我写一个人资项目的demo

基于SSM的考研在线复习平台的设计与实现在答辩时可能会问什么问题，并给出答案

基于ssm框架的相亲网站管理系统

bluecms1.6源码

最新资源