jQuery基础教程(jQUery基础教程电子版教材)

http://www.itjxue.com  2023-01-29 17:18  来源:未知  点击次数: 

jQuery选择器基础入门教程

本文实例讲述了jQuery选择器用法。分享给大家供大家参考,具体如下:

什么是jQuery选择器

使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。

在jQuery中则完全不同,jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象,并且将对象以jquery对象的形式返回。

首先来看看什么是选择器。

//根据id获取jQuery对象

var

jQueryObject=$("#testDiv");

上例中使用了id选择器,选取id为testDiv的DOM对象并将它放入jQuery对象,最后返回了一个jQuery对象。

现在通过jQueryObject变量就可以操作testDiv图层了,因为jQueryObject是一个jQuery对象,所以可以使用所有的jQuery对象方法。比如修改图层中的HTML内容:

jQueryObject.html("修改后的HTML内容");

通过ID选中元素是最有效率的jQuery选择器。这是因为在原始的javascript中就提供了选中id的方法document.getElementById()。有关选择器的使用技巧将在后面提到。

jQuery选择器的强大在于提供了丰富的选择器,如果使用原始javascript则需要编写很多的代码才能实现。这极大减少了开发人员的工作量。

jQuery选择器核心函数

jQuery选择器调用的是jQuery核心函数:

jQuery(EXPRESSION,[econtext]);

这个函数接收一个包含选择器表达式的字符串,然后用这个字符串去匹配一组元素。

jQuery的核心功能都是通过这个函数实现的。jQuery中的大部分功能都基于这个函数,或者说都是在以某种方式使用这个函数。该函数最基本的用法就是向他传递一个表达式(通常由CSS选择器组成),然后根据这个表达式查找所有匹配的元素。

默认情况下,如果没有指定context参数,$()将在当前的HTML

document中查找DOM元素:如果指定了context参数,如一个dom元素集jQuery对象,则会在这个context中查找。在jQuery1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。

参数说明如下:

~Expression:必选参数,选择器表达式。

~Context:可选参数,选择器上下文

~jQuery,选择器返回的jQuery对象,jQuery对象,jQuery对象是一个集合,可以使用链式语法调用各种jQuery函数。

Context参数能够缩小选择器的范围,加快查找速度。

更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》、《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》

希望本文所述对大家jquery程序设计有所帮助。

急 求jquery完整视频教程

Jquery视频教程.zip百度网盘资源免费下载

链接:

提取码:p6qi?

想要自学Java编程,有什么书籍推荐么?

自学Java有哪些必备的学习书籍,在这里一一给你展示出来:

在这里给你推荐几本书,非常优秀的书籍:

当然在推荐之前,你可以在B站内搜索我们的名字,观看一下我们的学习视频;

我校名师高淇讲述的Java300集课程,非常适合刚入门的零基础学者哦!

这几本书相当不错,推荐给你:

1.《Java编程规范》 适合对象:初级、中级

介绍:这本书的作者是被誉为Java之父的James Gosling,入门者推荐阅读,对基础的讲解很不错。

2.《Java编程思想》 适合对象:初级、中级

介绍:豆瓣给出了9.1的评分,全球程序员广泛赞誉。有人说这本书不适合初学者,不过小编认为作者并没有对读者已有的知识经验有过多要求,只是要求读者需要知道基本的程序语言。作者以通俗易懂及小而直接的示例解释了一个个晦涩抽象的概念,需要花时间细细研读。

3.《Java核心技术:卷I基础知识》 适合对象:初级、中级

介绍:官方机构图书,备一本总是没错的。这本书比较全面也通俗易懂。可以当字典的功能来用,学习入门必备。

4.《Java数据结构和算法》 适合对象:初级、中级、高级

介绍:这本书目前基本断货,足以说明抢手程度。作者主要使用Java语言描述了我们常用的数据结构,值得一看。

5.《Java与模式》 适合对象:中级、高级

介绍:难得一见的国人写的Java好书。主要讲解设计原则以及最为常见的设计模式的实用教材。这本书出现的比较早,是初级到中高级必读的图书之一。

6.《SCJP学习指南》 适合对象:初级、中级

介绍:官方考试的必备图书,对检验自己的Java学习情况很有帮助。这本书特别适合学生阅读,这本书理解透了,找工作面试Java题目不会有任何问题。一些工作多年的工程师都会在里边遇到一些不会做的题目。

学习的过程中,编程视频的弥补是不可缺失的,需要的话点个赞吧!

进阶篇

1.《重构:改善既有代码的设计》 适合对象:中级、高级

介绍:清晰揭示了重构的过程,解释了重构的原理和最佳实践方式,并给出了何时以及何地应该开始挖掘代码以及改善。大师的杰作,让你明白软件是一步步改进的,不是一蹴而就的。

2.《XML入门经典》 适合对象:初级、中级、高级

介绍:很多人觉得没必要买XML书籍,不过我还是觉得推荐一本给你作为工具书,而且看本书可以使得你对XML方方面面有个了解。里面不少东西还是用到的。

3.《jQuery基础教程》 适合对象:初级、中级、高级

介绍:从这个开始学习jQuery才是根本,不然以后遇到的很多奇怪问题不知所以然。jQuery个人感觉已经成为目前的javascript标准库了,插件无数,大大简化了前端工作。

4.《JavaScript权威指南》 适合对象:初级、中级、高级

介绍:一本从全新视角和层次来介绍JavaScript的参考书,填补了市场的空白。是学习js的必备参考工具书之一。

5.《代码整洁之道》 适合对象:中级、高级

介绍:讲述了一系列行之有效的整洁代码操作实践。软件工程的理想编码是无数人编出来的代码像一个人写的,这本书当作规范就不错。

最后:学习Java编程一定要努力学习!祝你成功!

如何学习前端模块化知识?

学习前端模块化知识主要集中精力学好以下知识点:

1、学好三驾马车:HTML5 + CSS3 + JavaScrip

2、推荐学习过程:

1)CSS

(1)入门:

Codeademy上的htmlcss课程——在线交互式编程平台,弄清楚基本概念和基本语法

w3school上的HTML/CSS教程——技术手册式的教程,比较全面,照着实例敲一遍

(2)进阶:

《精通CSS·高级Web标准解决方案》——对CSS有一个比较深入的学习,对核心技术了解。

《HTML5权威指南》——非常全面的书,内容也很新,包含了HTML5+CSS3+JS DOM

(3)实战:

bootstrap框架: bootstrap中文网/《bootstrap实战》——流行的前端框架,注重实用即可 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学 ?

(4)提高:

《CSS禅意花园》——提高自己的艺术设计能力,通过实例来学习如何用CSS设计出漂亮的页面

2).Javascript:

(1)入门:

Codeademy上的javascript教程——实例比较多,比较浅,算是基本了解JS ? ? ? ? ? ? ? ? ? ? ?

w3school上的JS教程——比较详细的了解下JS的特性 ? ? ? ? ? ? ? ? ? ? ?

《JavaScript DOM编程艺术》——讲js和DOM的基本知识和运用,了解JS和DOM可以做什么

(2)进阶:

《JavaScript高级程序设计》——JS圣经,比较全面,非常好的一本书,比犀牛书可阅读性强

《JavaScript权威指南》——传说中的犀牛书,好厚好厚的一本书,不适合入门,适合当工具书看

《JavaScript语言精粹》——很薄的一本书,但是可以帮助你快速了解JS的精华部分

(3)实战:

jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery ?

《jQuery基础教程》——流行的前端框架,注重实用 ? ? ? ? ? ? ? ? ? ?

(4)提高:

《高性能JavaScript》——讲如何提高js性能,以及构建和部署文件到生产环境的最佳实践

《Secrets of the JavaScript Ninja》——jQuery作者写的书,如果你觉得精通JS了再看这本书

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

Jquery视频教程.zip百度网盘资源免费下载

链接:

提取码:p6qi ?

WEB前端开发教程 WEB前端开发入门攻略

1、首先要从基本的HTML语言开始学起。网页的所有内容都是建立在HTML的基础之上,要想学好HTML,不要去使用任何集成工具,而是使用文本编辑器,直接从最简单的HTML可以写起。首先上网下载notepad++文本编辑器,一个好的文本编辑工具能达到事半功倍的效果。

2、w3shcool 网站提供各种前端开发教程,其教程很适合初学者学习。 根据教程的每一步,一边学习一边编写html,来学习基本的html语言语法。

3、学习了基本的html之后,没有JavaScript,网页永远都只是一张静态的纸。下一步要结合JavaScript来深入前端开发。原生的JavaScript是非常难用的,对初学者门坎比较高,但是如果从Jquery学习开始的话,你会发现js是那样的灵活和美妙,这会让你彻底喜欢上前端开发。再次利用w3shcool的jquery教程来学习。

4、学习jquery的时候,你会发现jquery可以做动画,可以修改页面的显示效果,这样你就自然需要了解css,w3school在此又要有用了,这时可以根据教程学习基本的css语法,你会发现它的选择器与jquery十分相似,其实这也是jquery强大的原因。学习了css,你就会发现自己终于可以做出漂亮的页面,而不是那些古板的条条框框了。

5、学习了以下这些前端开发的基础之后,可以再来下载nginx服务器,安装使用都非常简单,这样就可以了解一个网站在服务器上是如何运转,如何通过一个http的地址来访问你的网页,如何将自己的网页共享给别人。这样你的入门就毕业了,就可以向高级迈入!

6、这时候可以选择学习原生JavaScript,来知道jquery的原理,再学习html5,使用一些开源css框架。

(责任编辑:IT教学网)

更多

推荐站内动态文章