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>
分享到:
相关推荐
NULL 博文链接:https://wangxinxiang.iteye.com/blog/406905
压缩文件中,包含jquery使用的js脚本文件,jquery介绍文档(包括pdf和教程),对应出学者是一个很好的学习资料
对学习jQuery的初学着来说具有很高借鉴意义的一套实例代码,可以一边学习jQuery,一边看看实例代码,对学习提高很快。
资源名称:Jquery学习文档 中文WORD版内容简介:本文档主要讲述的是Jquery学习文档;jQuery是继Prototype之后有一个优秀的Javascript库,是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要...
这个资源 可以使你全面的掌握 JQuery,里面有我告诉你如何学习Jquery如何使用Jquery,里面还有Jquery的例子,还有Jquery的拓展UI,很好很强大的!!!这绝对是我精心压缩的一个资源,如果没学会,可以给我留言,然后...
jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...
NULL 博文链接:https://goyourauntie.iteye.com/blog/745626
本人学习jquery的代码和笔记,主要是jquery的入门知识,以及前后台数据交互。包括一个jquery的web工程和一个配置好的tomcat。jquery工程是用myeclipse10做的,如果eclipse打不开可以重新建工程,再把对应的文件拷贝...
1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML...
从昨天开始学习JQuery,起因是希望在jsp页面上实现菜单功能,在网上搜索了一些资料,有人推荐用JQuery,那就先试试。 什么是JQuery?我也不是很清晰,感觉好像是javascript的一套类库。详细资料请到:...
国内第一本jQuery权威教程,一版再版,累计重印14次,不可错过的实战类经典技术著作! 本书是jQuery经典技术教程的最新升级版,涵盖jQuery 1.10.x和jQuery 2.0.x。本书前6章以通俗易懂的方式讲解了jQuery的核心组件...
从零开始学习jQuery (一) 开天辟地入门篇 2 一.摘要 2 二.前言 3 三.什么是jQuery 3 四.Hello World jQuery 4 五.启用Visual Studio 对jQuery的智能感知 6 六.在独立的.JS文件中启用脚本智能感知 8 七.总结 9 从零...
一步步教会你jquery的实践运用
jquery 学习笔记源码 1第一个jquery
本系列文章将带您进入jQuery 的精彩世界, 其中有很多...本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery 代码 以及搭建开发环境. 详细讲解了如何在Visual Studio 中配合使用jQuery.
jQuery学习名额大转盘抽奖代码是一款抽奖完成会弹出奖品表单信息代码。
这是一部非常好用的、快速的jquery学习手册,尤其是对初学者,里面包括核心、属性、选择器、事件、css、文档处理、效果、筛选等几大部分。
jquery学习必备资料,让你从一个菜鸟成为高手的途径............
jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。