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 相关文章推荐
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
Oct 19 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 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
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
js函数般调用正则
2008/04/08 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
2015/10/20 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
JavaScript实现单英文金山打字通
2020/07/24 Javascript
JavaScript如何判断input数据类型
2020/02/06 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
使用python opencv对目录下图片进行去重的方法
2019/01/12 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
HTML5 File API改善网页上传功能
2009/08/19 HTML / CSS
局部内部类是否可以访问非final变量?
2013/04/20 面试题
应届生法律求职信
2013/10/22 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
超市采购员岗位职责
2014/02/01 职场文书
关于旷工的检讨书
2014/02/02 职场文书
食品业务员岗位职责
2014/03/18 职场文书
中层干部培训方案
2014/06/16 职场文书
2014法制宣传日活动总结
2014/07/09 职场文书
校长师德表现自我评价
2015/03/04 职场文书
毕业设计致谢语
2015/05/14 职场文书
十二生肖观后感
2015/06/12 职场文书
聘任书的格式及模板
2019/10/28 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫