jQuery 作为一个强大的javascript框架,怎能不去了解,学习呢。
引入非常简单,只需要下载一个js,然后引入到页面中就可以了。下载就不多说了。www.jqueyr.com
引入时注意一点:
错误格式 <script type="text/javascript" src="jquery-1.7.2.min.js" />
正确格式:
<script type="text/javascript" src="jquery-1.7.2.min.js" ></script>
初学jQuery的人都会发现$() 这个符合大量的在js里面应用,看上去和prototype里的$()差不多,其实并不是一回事儿。
比如 var target=$("#yzw");
该target并不是DOM对象,而是一个jQuery对象,得到该对象以后就可以进行操作了,比如:
target.html("我要学习jQuery").height(60).width(160).css("border","2px solid black");
所以我们应该名表jQuery的设计:使用jQuery之后,得到的不在是DOM对象,而是包装过DOM对象的jQuery对象了,javaScript通过调用jQuery的对象方法来改变DOM的值。
所以通过jQuery改变DOM对象只需要两步:
1)获取jQuery 对象。jQurey对象通常是对DOM对象的包装。
2)调用jQuery对象的方法来改变自身。当jQuery对象改变时,jQuery包装的DOM对象随之改变,HTML页面的内容页随之更新了。
所以运用jQuery只需要两步即可:
1、如何获取jQuery对象。
2、jQuery有哪些可用的方法。
以上是本人亲自实践的。
一下通过一种代码加注释的方式,进行学习记录(我感觉这是程序员最喜欢的一种学习方式了,不用解释那么多,大家一看就明白了)。
如果一个项目中引入了几个javascript框架,如何共存呢?
首先调用jQuery之前,调用此方法:
jQuery.noConflict();
如下代码:
var yzw=jQuery.noConflict();
var target=yzw("#yzw");
html 页面:
<div id="yzw" onclick="test();">你好,JQuery!</div>
分享到:
相关推荐
**jQuery学习一** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本文中,我们将深入探讨jQuery的核心概念、语法特点以及如何利用它来增强网页的动态性。 ### 1....
这个“jQuery学习资料大全”是一个全面的学习资源集合,它涵盖了从基础到进阶的所有关键知识点,通过系统学习和实践,你将能够熟练掌握这一强大的JavaScript库,提高你的前端开发技能。记得理论与实践相结合,多动手...
**jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
**jQuery学习网站** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和强大的功能,jQuery成为了前端开发中的首选工具之一。 这篇博文链接...
本压缩包包含的“精选jQuery学习资料”是针对这一强大的库进行深入学习的重要资源。 首先,我们来看看`jquery-1.2.6.js`,这是jQuery库的1.2.6版本的源代码文件。这个版本的历史悠久,但依然具有学习价值,因为它...
《JQuery学习手册》是一份全面且深入的资源,旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识,还有实践应用的案例,是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...
这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源,旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先,`jquery1.4 API`是JQuery 1.4版本的官方API文档,它详细列出了该版本的所有...
**jQuery经典学习手册** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能而深受开发者喜爱。本手册将带你逐步深入了解jQuery,从基础到高级,让你全面掌握这个强大的工具。 ### 一、jQuery简介 ...
**jQuery学习资料与源代码...综上所述,这个压缩包提供了一个全面的jQuery学习路径,不仅有理论知识,还有丰富的实践代码。无论你是初学者还是有一定经验的开发者,都能从中受益匪浅,进一步提升你的JavaScript技能。
Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记...本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点,为读者提供了一个系统的Jquery学习指南。
总的来说,这个压缩包是一个全面的jQuery学习资源集合,涵盖了从基础到进阶的各种主题,包括API参考、实例演示、UI组件使用等。通过深入研究这些材料,你不仅可以学会如何使用jQuery,还能了解到如何利用它来创造...
《jQuery手册:深入学习jQuery》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的核心概念和实用技巧,帮助你全面掌握这...
**jQuery学习示例大全** jQuery是一款广泛应用于网页开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个"jQuery学习示例大全"涵盖了从基础到进阶的各种示例,帮助开发者快速掌握...
**jQuery学习配套资料详解** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本压缩包提供了全面的jQuery学习资源,包括全版本的jQuery库、...
《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源,它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得前端...
【jQuery学习指南】 jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,提高了网页开发的效率。jQuery的核心理念是“write less, do more”,通过提供一系列强大的API,开发者可以便捷地处理DOM...
**jQuery学习资料** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理、动画制作等任务变得更加简单。本资料包包含了jQuery的学习资源,包括PPT教程和...
**jQuery学习课堂工具详解** jQuery,作为一款广泛应用于Web开发的JavaScript库,为开发者提供了简洁、高效的API,使得DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。本"jQuery学习课堂工具"专注于帮助...
**jQuery学习资料** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个学习资料包包含了多个面向初学者和中级开发者的资源,旨在帮助你快速掌握jQuery的核心...