您的当前位置:首页JQuery无废话系列教程(一)jquery入门[推荐]_jquery
广告

JQuery无废话系列教程(一)jquery入门[推荐]_jquery

2023-12-02 来源:六三科技网

本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!?

BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识.

JQuery是什么

JQuery只是一个JS文件

人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单.

JQuery其实就是一个工具包,很多常用的功能已经被好心人封装好,我们真要直接调用就可以了(有点类似SDK),具体内部原理和实现我们现在不去讨论. 记住JQuery很简单,很方便.

目前jQuery最新Release版本为1.32,官方下载地址为:http://docs.jquery.com/Downloading_jQuery

本系列教程基于1.32版进行讲解.

JQuery有两种版本:

一种为uncompressed版(未压缩版)主要用在开发中.

另一种为Minified(迷您版)当开发完毕了,就可以改用这个版本.

两种版本的区别

文件大小不一样, 最终用户在浏览时可以减少下载JS时的等待时间.

Uncompressed版文件大小为118KB

Minified版文件大小为56KB

JQuery能带给我们什么

一, 站在巨人的肩上

别人已经发明了轮子,我们没必要自己再去造一个.

二, 强大的BOM,DOM,CSS,事件 的操作能力

我最常用的是CSS及DOM的操作,真的太方便了.

三, 更加简洁的代码

自己的亲身经历,比如表格(Table)中的TR奇偶为两种颜色的代码如果自己用JavaScript去编号得用几十行代码,JQuery只需要2行就可以了.

四, 与浏览器无关性

做过JavaScript开发的就知道JavaScript在不同的浏览器下行为表现有时不一样,我们不得不为不同的浏览器编写相应的代码. JQuery在这方法已经内部处理,我们只管去用就是了.

五, 不错的性能

我自己有自知之明, 至少我写的JavaScript代码的运行效率不如JQuery的高.

如何使用JQuery

万年开头难,我在第一次使用JQuery时被吓到过,不知道怎么使用,其实很简单,下面我们用一个例子来说明. : )

建立一个html文件,比如index.html 并与JQuery库文件jquery-1.3.2.js放到同目录下(其实放那都可以)

首先我们解决JQuery的引用. 代码如下:

JQuery测试

六三科技网还为您提供以下相关内容希望对您有帮助:

jquery怎么使用

1、加载jQuery文件jQuery通常作为单个JavaScript文件出现,其中包含jQuery开箱即用的所有内容。它可以使用以下方式包含在网页中:1)、加载本地jQuery文件首先需要下载jQuery文件到本地,jQuery JavaScript文件可以从jQuery 官方网站下载...

JQuery入门——用bind方法绑定事件处理函数应用介绍

1、bind()功能是为每个选择元素的事件绑定处理函数,其语法如下:bind(type,[data],fn)其中type为一个或多个类型的字符串,如click或change,也可以自定义;可以被type调用的类型包括blur、focus、load、resize、scroll、unlo...

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

1、one()方法功能是为所选的元素绑定一个仅触发一次的处理函数,其调用的语法格式为:one(type,[data],fn)其中参数type为事件类型,即需要触发什么类型的事件;参数data为可选参数,表示作为event.data属性值传递给事件对象...

jQuery的使用方法

使用步骤如下:1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。2.然后我们来开始编辑HTML界面代码。3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQue...

新手如何学习 jQuery?

从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章是入门第一篇,...

jquery怎么用?

1、首先在官网下载jQuery,共有两个版本。Production version - 用于实际的网站中,已被精简和压缩。Development version - 用于测试和开发(未压缩,是可读的代码)。2、把 jQuery 添加到您的网页。jQuery 库是一个 ...

怎样用jquery做一个弹出的输入框?

1、新建并保存一个html文档,进入html代码编辑页面。2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。4、...

Jquery实现复选框全选与全不选

1、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。2、然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。3、这里是jq来实现全选,所以引入jQuery,并且给按钮绑定一个jQuery类型的点击事件即可。4、...

求JQuery全套免费视频教程(最好可以下载的)!!!

Jquery视频教程.zip百度网盘资源免费下载 链接:https://pan.baidu.com/s/1nIebXgAcvf8wuTWwXXyhrw 提取码:p6qi

jQuery中的each()方法有什么作用

【推荐课程:jQuery教程】jQuery中的each()函数用于循环数据,类似于for each循环。所以我们可以使用它来循环来自相同选择器的多个DOM对象each() 方法为每个匹配元素规定要运行的函数。$(selector).each(function(index,element...

Top