初识jQuery

jQuery简介

  jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

  jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

为什么要学习jQuery?

  JavaScript的功能很强大,同时也存在很多缺点,比如存在浏览器兼容处理,代码容错性差,入口函数只能有一个,假如多个话此时覆盖...

1    window.onload = function() {    //入口函数1
2           // js代码
3    }
4
5    window.onload = function() {   //入口函数2
6           // js代码
7    }

  此时,下方(入口函数2)的代码会将上方(入口函数1)的代码覆盖;然而jQuery很好的解决了这些问题。

  jQuery官网:http://jquery.com  

  jQuery版本:1.x  --  支持IE6~IE8

        2.x和3.x  --  不再支持IE6~IE8

  当我们在使用jQuery时,最好是选择1.7+的版本,1.7以前的版本太老了,不建议使用。

jQuery初步

1、使用jQuery三部曲:引包 => 入口函数 => 业务逻辑

1 // 引入jQuery包
2 <script src="js/jquery-1.11.1.min.js"></script>
3 <script>
4    //  入口函数
5    $(function(){
6        //  业务逻辑
7    });
8 </script>

  入口函数的两种常用方式:

    a)$(document).ready(function(){});
    b)$(function(){});

  jQuery的入口函数($(function(){}))只要是DOM树加载完成就开始执行,不需要等待图片、文件等的加载;而JavaScript的入口函数(window.onload = function(){})是要在文档所有图片、文件等加载完后才开始执行。

2、$符号

  $ --  就是一个函数,参数不同,功能不同;但是 jQuery和$是完全等价的(jQuery === $),只要有$的地方都可以有jQuery替换掉。

1 <script>
2     $("#id")  --  选择器
3     $("<div>创建DOM</div>")  --  创建DOM
4
5     jQuery(".class")  --  选择器
6 </script>

3、jQuery对象和DOM对象之间的转换

  DOM对象:

    js方法获取的页面元素返回的对象就是DOM对象,dom对象只能使用dom对象的方法或属性

    obj.innerHTML = "....";

  jQuery对象:

    使用jQuery方法获取页面中的元素返回的对象就是jQuery对象,比如$("div")、$("#btn"),jquery对象只能使用jquery对象的方法

    $("#btn").show();

  以下写法错误

    $("div").innerHTML = "jquery快乐学习";

    document.getElementById("box").show();

  jQuery对象转DOM对象

    $("div")[index]    ----  DOM对象(推荐使用);index是从0开始的数字

    $("div").get(index)    ----  DOM对象;index是从0开始的数字

  DOM对象转jQuery对象

    $(DOM对象)   ---   jQuery对象

时间: 2024-10-03 09:44:54

初识jQuery的相关文章

初识jQuery,八字真言“选择元素,对其操作”

jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jquery.com/download/ jQuery库有两个版本: 我只是使用这个jQuery库,所以我就只下载了生产版本,足以. 二.开始我的第一个Demo 1.html文件 <!DOCTYPE html> <html> <head> <meta charset=&quo

初识JQuery(1)-选择器

初识jquery 在学习jquery之前,就有看过一些相关的视频,才知道它是可以写很少的代码就可以完成很多事的.记得第一写轮播图的时候,首先就百度了篇轮播图的实现,当时还不知道自己百度的其实不是原生的JS代码,而是用jquery完成的,当时也是初识JS,然后就一脸懵逼的看了视频,结果好像还看懂了,于是跟着他的代码像做着世界上最伟大的事一样的敲着代码,编译的时候却没反应,经过一些了解后才发现这是用传说中的jquery完成的.尽管第一次接触jquery不是为接触而接触的,但是也意识到了他强大的功能.

初识JQuery AJAX

初识JQuery AJAX APP开发群:347072638(HTML5,APP) 1.先看一个JQuery AJAX Demo HTML端: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

初识jQuery源码

为了深入学习下jQuery,最近打算看看源码,刚开始看这个我内心其实是拒绝的...第一印象就是好难理解,没办法硬骨头总是要去啃得,看了好多分析源码的文章博客,第一篇当然是Aaron的jQuery源码解读系列的开篇之整体架构.介绍的还是比较详细的,推荐~当然要抱着怀疑的眼光去看,不一定人家写的就是对的,敲出来验证下才是王道,这篇文章后的评论也可以看看,是大家对于该文章某些地方的质疑. 看完这篇文章其实我是半懂的状态,后来又看到一篇总结的博文,大概是在此基础上总结的. 点这里 我并不想重复的记录下相

jQuery——初识jQuery

初识jQuery jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery这么流行,肯定是因为它解决了一些很重要的问题.实际上,jQuery能帮我们干这些事情: 消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代

【jQuery系列0】初识jQuery之属性

接触jQuery是从做项目开始的,当时只知道我们的项目里边用到了jquery.ajax等等,一听高大上的感觉,但是哪里用到了作用是什么并不清楚,直到看了jquery视频才恍然大悟:原来这就是jquery,我还一直以为那就是单纯的js呢! jQuery简介 jQuery,即JavaScript和查询Query,它是继prototype之后又一个优秀的JavaScript库,它兼容多浏览器,核心理念是"写得更少,做得更多",由美国人于2006年1月在纽约的barcamp发布,吸引了世界各地

Jquery(一) 初识Jquery,简单使用Jquery。

距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和bootstrap这几个东西给记录一下,之前就学过,但是没记录下来,所以忘的很快,又没地方去复习,所以还是记录记录这些知识点.以便将来查看复习. --WH 一.什么是Jquery? 其实超级简单,不要把它想的太难了,Jquery就是一个js(javascript)类库. 1.1.什么是js类库? [JavaS

初识jQuery的ajax

前面有一篇博文,写的是ajax请求时,返回json字符串和json数组的场景,今天,将原始的ajax修改为jQuery版的ajax. jQuery对ajax做了很多的封装,使得ajax使用起来非常的方便,省去了很多代码. 闲话少说,直接看代码吧. 代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!

JQuery实战---初识JQuery+入门实例

JQuery在小编的世界中,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库,百度百科对JQuery的介绍比较详细,小伙伴可以东东自己可耐的小爪子,上网进行搜索,说不定,有意外惊喜哦,今天这篇博客,小编简单的介绍一下JQuery的一些基本知识,然后小编在集合实例,讲解一下在具体的应用过程中,我们的JQuery又是如何在她的舞台熠熠生辉...... 通过JQuery的学习,我们可以学到哪些知识nie,比如我们会学会JQuery的API函数的使用,以及简单的实例的