jQuery
一 jQuery核心函数:
1 jQuery(expression,[context])执行查询功能。
--expression 要查询的字符串
--context 待查找的元素集、文档或jQuery对象
eg:$("div > p");查找包含在div块中的p标记及其包含的东西,如
HTML 代码:
<p>one</p> <div><p>two</p></div> <p>three</p>
jQuery 代码:
$("div > p");结果:
[ <p>two</p> ]
2 jQuery(html,[ownerDocument])执行添加DOM元素功能
--html 动态创建的DOM元素的HTML标记字符串
--ownerDocument 创建DOM元素所在的文档
eg:
动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。
jQuery 代码:
$("<div><p>Hello</p></div>").appendTo("body");
3 jQuery(elements)将DOM元素转化为jQuery对象
--用于封装成jQuery对象的DOM元素
eg:
设置页面背景色。
jQuery 代码:
$(document.body).css( "background", "black" );
4 jQuery(callback)
$(document).ready()的简写。绑定一个文档加载完成后执行的函数
--callback 当DOM加载完成后要执行的函数
eg:
当DOM加载完成后,执行其中的函数。
jQuery 代码:
$(function(){
// 文档就绪
});
分享到:
相关推荐
**jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
本篇将详细探讨jQuery学习笔记中第二天涉及的电梯导航案例,该案例旨在实现一个网页上的楼层跳转功能,通过点击楼层链接,页面会平滑滚动到相应的位置,提升用户体验。 首先,我们要理解电梯导航的基本原理。在网页...
《jQuery学习笔记——15天快速入门指南》 jQuery,作为一个强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能,成为了前端开发者的首选工具之一...
疯狂Jquery第一天的学习笔记主要涵盖了Jquery的入门知识,包括了Jquery的引用方式、链式操作的介绍和实际应用。下面是根据提供的内容,详细解释的一些知识点。 ### Jquery的引用 Jquery作为一个JavaScript库,其...
在本篇jQuery笔记中,我们将深入探讨购物车案例的实现,这个案例主要涉及前端开发中的交互设计和数据管理。购物车是电商网站的核心功能之一,它涉及到商品的添加、删除、数量调整等操作,同时也需要实时更新总价。...
在本篇“jQuery 15天学习笔记”的第二部分中,我们将聚焦于如何处理HTML表格,特别是实现隔行变色的效果。隔行变色是一种常见的网页设计技巧,它能提高表格数据的可读性,使用户更容易区分和浏览数据行。 首先,...
**第一天:了解基础概念** 1. **异步通信**:Ajax的核心特性是异步,意味着用户在请求数据时,网页可以继续其他操作,而不需等待服务器的响应。 2. **XMLHttpRequest对象**:Ajax通信的桥梁,JavaScript通过创建...
**第1天:jQuery基础知识** - **jQuery选择器**:学习如何使用ID选择器、类选择器、元素选择器等,以及更复杂的组合选择器和伪类选择器。 - **DOM操作**:了解如何使用jQuery选取元素、添加或删除元素,并进行属性...
在“ajax-day01.rar_达内开发学习笔记”这个压缩包中,包含了第一天学习Ajax的基础内容,旨在帮助初学者理解并掌握Ajax的核心概念和使用方法。** **一、Ajax简介** Ajax并不是一种单一的技术,而是一组技术的组合,...
在第一天的学习中,我们可能已经了解了HTML的基本语法和元素,如HTML文档的基本结构(<!DOCTYPE html>、、、),以及如何创建标题(到)、段落()和文本格式化标签(、、、)。第二天的内容可能会进一步深入,探讨...
本篇PHP笔记涵盖了从基础到进阶的知识点,适合初学者和有一定基础的开发者参考学习。主要内容包括简单的“Hello World”示例、网页内容抓取技巧、编码转换方法、缓存逻辑设计、数据解析方式、Ajax与PHP之间的交互、...
HTML5是一种先进的网页标记语言,它是HTML的第五个版本,带来了许多新的特性和改进,旨在提升用户体验和开发者的工作效率。这个“HTML5下雨天3D城市空间模型”压缩包文件显然是一个利用HTML5技术实现的3D场景,通过...
4. "day11" - 最后一天的资料,可能涉及到更复杂的技术,如AJAX、前端框架的初步介绍,或者是服务器端编程的基本概念。 综合来看,这个压缩包提供的内容可能包括但不限于以下几个方面: - **HTML**: 学习HTML5的...
总的来说,这个"HTML5乌云下雨场景动画特效"是一个很好的学习案例,展示了HTML5、CSS3和jQuery在创建动态网页元素方面的强大能力。如果你是一名前端开发者,研究并理解这个特效的实现将有助于提升你的技能,同时也...
总的来说,这个"CSS3深夜城市背景动画特效"结合了CSS3的强大功能和jQuery的便利性,提供了一种创新的方式来增强网页的视觉吸引力,同时保持了代码的可维护性和可扩展性。无论是新手还是经验丰富的开发者,都可以从中...
在项目开发中,`day13_pm.zip`可能是一个关于项目管理或Web开发过程中的第13天的课程材料,包含了相关的源代码、笔记或其他学习资源。这些材料可能涵盖如何集成MySQL到Web应用中,如何优化查询性能,或者如何使用...
总的来说,"CSS3天气预报卡片布局代码.zip"是一个很好的学习案例,它涵盖了现代网页设计中的多个关键技能。通过深入研究这个项目,你不仅可以提升CSS3应用能力,还能进一步理解网页动态效果的实现原理。实践过程中,...
【CSS3夜光下的沙漠场景特效】是一种利用CSS3的强大功能和灵活性来创建引人入胜的网页...无论是学习CSS3的新特性,还是提升网页设计的创意水平,“CSS3夜光下的沙漠场景特效”都是一个宝贵的资源,值得深入研究和实践。
在网页设计和开发中,CSS3(层叠样式表第三版)已经成为不可或缺的一部分,它带来了丰富的视觉效果和更高效的代码组织方式。这个“傍晚山里大风车场景CSS3特效”是一个实例,展示了如何利用CSS3来创建动态、富有情感...