第1章 了解jQuery.doc

第1章 了解jQuery.doc

ID:28760338

大小:1.27 MB

页数:12页

时间:2018-12-14

第1章 了解jQuery.doc_第1页
第1章 了解jQuery.doc_第2页
第1章 了解jQuery.doc_第3页
第1章 了解jQuery.doc_第4页
第1章 了解jQuery.doc_第5页
资源描述:

《第1章 了解jQuery.doc》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、第1章了解jQuery本章是全书的开篇,主要讲解jQuery的基本入门知识及jQuery的相关特点。随着互联网的迅速发展,在前台页面的用户体验需求越来越高。虽然JavaScript这种动态语言极大的灵活性导致了项目中每个人的代码风格截然不同,但是其在功能和浏览器的兼容性上并不能实现高标准、严要求。正是在这种情形下出现了jQuery,它能够帮助我们实现各种酷炫的页面效果而不用担心浏览器的兼容性。1.1认识jQuery本节主要介绍jQuery的起源和jQuery到底是什么。1.1.1jQuery的起源jQuery的起源要从JavaScript说起。Ja

2、vaScript是网景公司在它自己的LiveScript基础上产生的。JavaScript的出现是前台脚本语言发展的一个里程碑。它是一种基于对象的事件驱动的解释性语言。它的实时性、跨平台、开发使用简单并且相对安全的特点决定了它在Web前台设计中的重要地位。但是,随着浏览器种类的推陈出新,JavaScript的兼容性受到了挑战。对前台设计效果的要求越来越高,于是,JavaScript语言本身的设计能力变得捉襟见肘。2006年,美国人JohnResig创建了JavaScript的另一个框架,它就是jQuery。与JavaScript相比,jQuery更

3、简洁,浏览器的兼容性更强,语法更灵活,对Xpath的支持更强大,一个$符就可以遍历文档中的各级元素。下面用一个示例来具体比较一下。具体需求是这样的:在页面上有一个无序列表,我们需要将所有列表项中的文本内容提取出来并显示。效果如图1.1所示。首先,我们来看一下JavaScript的实现。1234无标题文档567

    8
  • ListItem

    4、1

  • 9
  • ListItem2
  • 10
  • ListItem3
  • 11
  • ListItem4
  • 12
  • ListItem5
  • 13
1415varlistitems=document.getElementsByTagName("li");//获取所有列表项组成的数组16varstr="";//定义保存文本内容的变量17for(i=0;i

5、rstChild.nodeValue;//提取列表项的文本内容19alert(str);//显示所有文本内容202122图1.1JavaScript与jQuery的代码比较通过上面的代码可以了解JavaScript实现这个功能的基本步骤:获取所有元素对象,通过遍历这些元素对象得到文本内容,然后显示。下面看一下jQuery的实现。1234无</p><p>6、标题文档567$(function(){alert($("li").text());});//获取所有列表项的文本并输出891011

    12
  • ListItem1
  • 13
  • ListItem2
  • 14
  • ListItem3
  • 15
  • ListItem4
  • 16<

    7、li>ListItem517

1819两段代码相比较,可以发现使用jQuery处理简洁很多,代码量明显减少。jQuery实现中的第7行代码就是jQuery实现功能部分。1.1.2什么是jQueryjQuery是什么?在jQuery官方网站上是这样解释的:jQuery是一个快速简洁的JavaScript库,它可以简化HTML文档的元素遍历、事件处理、动画及Ajax交互,快速开发Web应用。它的设计是为了改变JavaScript程序的编写风格。jQuery特点如下。(1)轻量型,jQuery是一个轻量型框架

8、,程序短小,配置简单。(2)DOM选择,可以轻松获取任意DOM元素或DOM元素封装后的jQuery对象。(3)CSS处理,

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。