`
还有也许
  • 浏览: 164370 次
  • 性别: 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学习一

    NULL 博文链接:https://wangxinxiang.iteye.com/blog/406905

    jquery学习资料大全

    压缩文件中,包含jquery使用的js脚本文件,jquery介绍文档(包括pdf和教程),对应出学者是一个很好的学习资料

    先锋jQuery学习实例

    对学习jQuery的初学着来说具有很高借鉴意义的一套实例代码,可以一边学习jQuery,一边看看实例代码,对学习提高很快。

    Jquery学习文档中文WORD版

    资源名称:Jquery学习文档 中文WORD版内容简介:本文档主要讲述的是Jquery学习文档;jQuery是继Prototype之后有一个优秀的Javascript库,是一个由John Resig创建于2006年1月的开源项目。现在的jQuery团队主要...

    JqueryApi Jquery实例 Jquery归纳 Jquery学习方法

    这个资源 可以使你全面的掌握 JQuery,里面有我告诉你如何学习Jquery如何使用Jquery,里面还有Jquery的例子,还有Jquery的拓展UI,很好很强大的!!!这绝对是我精心压缩的一个资源,如果没学会,可以给我留言,然后...

    Jquery学习手册

    jquery学习笔记,很全面的介绍jquery的用法。 存在的html片段)包装成jQuery对象。 $()方法里面支持的语法又包括3大类,分别是表达式(包括类表达式.,id表达式#,元素表达式等)、符号(包括后代符号space,next符号+...

    jQuery学习笔记(一)

    NULL 博文链接:https://goyourauntie.iteye.com/blog/745626

    jquery学习代码和笔记

    本人学习jquery的代码和笔记,主要是jquery的入门知识,以及前后台数据交互。包括一个jquery的web工程和一个配置好的tomcat。jquery工程是用myeclipse10做的,如果eclipse打不开可以重新建工程,再把对应的文件拷贝...

    jQuery基础.pptx

    1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 HTML元素操作 CSS操作 HTML...

    jquery学习手册

    从昨天开始学习JQuery,起因是希望在jsp页面上实现菜单功能,在网上搜索了一些资料,有人推荐用JQuery,那就先试试。 什么是JQuery?我也不是很清晰,感觉好像是javascript的一套类库。详细资料请到:...

    jQuery jQuery第四版PDF

    国内第一本jQuery权威教程,一版再版,累计重印14次,不可错过的实战类经典技术著作! 本书是jQuery经典技术教程的最新升级版,涵盖jQuery 1.10.x和jQuery 2.0.x。本书前6章以通俗易懂的方式讲解了jQuery的核心组件...

    jQuery学习资料

    从零开始学习jQuery (一) 开天辟地入门篇 2 一.摘要 2 二.前言 3 三.什么是jQuery 3 四.Hello World jQuery 4 五.启用Visual Studio 对jQuery的智能感知 6 六.在独立的.JS文件中启用脚本智能感知 8 七.总结 9 从零...

    精通JQuery代码实践学习

    一步步教会你jquery的实践运用

    jquery 学习笔记源码 1第一个jquery

    jquery 学习笔记源码 1第一个jquery

    jquery实战学习教程

    本系列文章将带您进入jQuery 的精彩世界, 其中有很多...本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery 代码 以及搭建开发环境. 详细讲解了如何在Visual Studio 中配合使用jQuery.

    jQuery学习名额大转盘抽奖代码.zip

    jQuery学习名额大转盘抽奖代码是一款抽奖完成会弹出奖品表单信息代码。

    jquery 学习手册

    这是一部非常好用的、快速的jquery学习手册,尤其是对初学者,里面包括核心、属性、选择器、事件、css、文档处理、效果、筛选等几大部分。

    jquery学习大全

    jquery学习必备资料,让你从一个菜鸟成为高手的途径............

    jQuery学习总结

    jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

Global site tag (gtag.js) - Google Analytics