jQuery学习笔记之基础中的基础


Posted in Javascript onJanuary 19, 2015

1.jQuery的简介

就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建,已经吸引了众多的javascript高手加入其团队,随着事件推移,jQuery新版本一个一个发布,它越来越受到关注。

如今,jQuery发展到集各种javascript/css/dom和ajax功能于一体的强大框架。可以简单的用代码实现各种网页效果

目前jQuery主要提供以下功能:

1.访问页面框架的局部,这是DOM模型主要的功能之一,DOM有获取页面某个节点或者某一类节点有固定的方法,而jQuery大大简化其操作步奏。

2.修改页面的表现。css的主要功能就是通过样式风格来修改页面的表现,jquery也很好的解决了众多浏览器对css3的支持程度,使得各个浏览器都能很好的使用css3标准,极大的丰富了css的运用。

3.修改页面的内容。通过强大的api,jquery可以方便的修改页面内容,包括文本的内容,插入新图片,表单的选项,甚至整个页面框架。

4.响应事件。jquery可以方便的处理事件,而且开发人员不再需要讨厌浏览器的兼容问题。

5.为页面添加动画。使用javascript添加动画需要大量的代码,而jquery大大简化了此过程,并且提供了大量可以自定义参数的动画效果。

6.与服务器交互。jquery提供一整套ajax的相关操作,大大方便了异步交互的开发和使用。

7.简化常用的javascript操作。jquery提供了很多附加功能来简化常用的javascript操作,例如数组的操作,迭代运算等。

2.jquery的优势。

以表格隔行变色来具体说明jquery的优势

i.javascript和jquery实现的隔行变色

    <script type="text/javascript">

            window.onload = function() {

                var oTable = document.getElementById("mytable");

                for (var i = 0;i < oTable.rows.length; i++) {

                    if (i % 2 == 0)

                        oTable.rows[i].className = "altcss";

                }
            }

        </script>

利用jquery实现

<script type="text/javascript">

            $(function(){

                $("table#mytable tr:nth-child(odd)").addClass("altcss");

            })

        </script>

表格区域代码

<table width="800" cellspacing="0" border="1" id="mytable">

            <tr>

                <td> </td>

                <td> </td>

                <td> </td>

            </tr>

            <tr>

                <td> </td>

                <td> </td>

                <td> </td>

            </tr>

            <tr>

                <td> </td>

                <td> </td>

                <td> </td>

            </tr>

            <tr>

                <td> </td>

                <td> </td>

                <td> </td>

            </tr>

            <tr>

                <td> </td>

                <td> </td>

                <td> </td>

            </tr>

        </table>

以上就是本文的全部内容了,都是非常基础的东西,高手们请直接略过。

Javascript 相关文章推荐
javascript 从if else 到 switch case 再到抽象
Jul 17 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
Oct 01 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
vue项目中axios请求网络接口封装的示例代码
Dec 18 Javascript
VUE 自定义组件模板的方法详解
Aug 30 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
jQuery 选择器详解
Jan 19 #Javascript
jQuery使用之标记元素属性用法实例
Jan 19 #Javascript
jQuery应用之jQuery链用法实例
Jan 19 #Javascript
浅谈Unicode与JavaScript的发展史
Jan 19 #Javascript
jQuery中ready事件用法实例
Jan 19 #Javascript
jQuery中offsetParent()方法用法实例
Jan 19 #Javascript
jQuery中outerWidth()方法用法实例
Jan 19 #Javascript
You might like
模仿OSO的论坛(一)
2006/10/09 PHP
两个强悍的php 图像处理类1
2009/06/15 PHP
PHP判断搜索引擎蜘蛛并自动记忆到文件的代码
2012/02/04 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
yii2.0之GridView自定义按钮和链接用法
2014/12/15 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
JavaScript Array扩展实现代码
2009/10/14 Javascript
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
JavaScript学习笔记记录我的旅程
2012/05/23 Javascript
js中复制行和删除行的操作实例
2013/06/25 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
纯JavaScript实现实时反馈系统时间
2017/10/26 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
Python ORM框架SQLAlchemy学习笔记之映射类使用实例和Session会话介绍
2014/06/10 Python
用Python编写简单的微博爬虫
2016/03/04 Python
Python使用BeautifulSoup库解析HTML基本使用教程
2016/03/31 Python
Python3下错误AttributeError: ‘dict’ object has no attribute’iteritems‘的分析与解决
2017/07/06 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
高三自我鉴定范文
2013/10/19 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
音乐教师求职信
2014/06/28 职场文书
水电工程师岗位职责
2015/02/13 职场文书
Python 中random 库的详细使用
2021/06/03 Python
MySQL优化及索引解析
2022/03/17 MySQL