`
还有也许
  • 浏览: 169290 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

jQuery 学习(一)

 
阅读更多

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学习一** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在本文中,我们将深入探讨jQuery的核心概念、语法特点以及如何利用它来增强网页的动态性。 ### 1....

    jquery学习资料大全

    这个“jQuery学习资料大全”是一个全面的学习资源集合,它涵盖了从基础到进阶的所有关键知识点,通过系统学习和实践,你将能够熟练掌握这一强大的JavaScript库,提高你的前端开发技能。记得理论与实践相结合,多动手...

    jQuery学习笔记(一)

    **jQuery学习笔记(一)** 在深入探讨jQuery之前,我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...

    JQuery学习网站

    **jQuery学习网站** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。由于其简洁的语法和强大的功能,jQuery成为了前端开发中的首选工具之一。 这篇博文链接...

    精选 jquery 学习资料

    本压缩包包含的“精选jQuery学习资料”是针对这一强大的库进行深入学习的重要资源。 首先,我们来看看`jquery-1.2.6.js`,这是jQuery库的1.2.6版本的源代码文件。这个版本的历史悠久,但依然具有学习价值,因为它...

    JQuery学习手册.rar

    《JQuery学习手册》是一份全面且深入的资源,旨在帮助开发者掌握JavaScript库JQuery的核心概念和实用技巧。这份手册不仅包含理论知识,还有实践应用的案例,是初学者和经验丰富的开发者提升JQuery技能的理想参考资料...

    JQuery学习资料

    这个“JQuery学习资料”压缩包包含了一系列与JQuery相关的学习资源,旨在帮助开发者深入理解和掌握JQuery的核心概念和实用技巧。 首先,`jquery1.4 API`是JQuery 1.4版本的官方API文档,它详细列出了该版本的所有...

    jquery经典学习手册

    **jQuery经典学习手册** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能而深受开发者喜爱。本手册将带你逐步深入了解jQuery,从基础到高级,让你全面掌握这个强大的工具。 ### 一、jQuery简介 ...

    JQuery学习资料与源代码

    **jQuery学习资料与源代码...综上所述,这个压缩包提供了一个全面的jQuery学习路径,不仅有理论知识,还有丰富的实践代码。无论你是初学者还是有一定经验的开发者,都能从中受益匪浅,进一步提升你的JavaScript技能。

    Jquery学习笔记Jquery学习笔记

    Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记...本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点,为读者提供了一个系统的Jquery学习指南。

    jquery零碎实例和学习心得

    总的来说,这个压缩包是一个全面的jQuery学习资源集合,涵盖了从基础到进阶的各种主题,包括API参考、实例演示、UI组件使用等。通过深入研究这些材料,你不仅可以学会如何使用jQuery,还能了解到如何利用它来创造...

    jquery手册jquery的学习jquery的学习

    《jQuery手册:深入学习jQuery》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的核心概念和实用技巧,帮助你全面掌握这...

    jQuery学习示例 大全

    **jQuery学习示例大全** jQuery是一款广泛应用于网页开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。这个"jQuery学习示例大全"涵盖了从基础到进阶的各种示例,帮助开发者快速掌握...

    jquery学习配套资料

    **jQuery学习配套资料详解** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本压缩包提供了全面的jQuery学习资源,包括全版本的jQuery库、...

    jquery学习文档中文版

    《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源,它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得前端...

    jQuery学习指南

    【jQuery学习指南】 jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,提高了网页开发的效率。jQuery的核心理念是“write less, do more”,通过提供一系列强大的API,开发者可以便捷地处理DOM...

    jquery学习资料

    **jQuery学习资料** jQuery是一款广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理、动画制作等任务变得更加简单。本资料包包含了jQuery的学习资源,包括PPT教程和...

    jquery 学习课堂工具

    **jQuery学习课堂工具详解** jQuery,作为一款广泛应用于Web开发的JavaScript库,为开发者提供了简洁、高效的API,使得DOM操作、事件处理、动画设计以及Ajax交互变得更加简单。本"jQuery学习课堂工具"专注于帮助...

    jQuery学习资料

    **jQuery学习资料** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个学习资料包包含了多个面向初学者和中级开发者的资源,旨在帮助你快速掌握jQuery的核心...

Global site tag (gtag.js) - Google Analytics