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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
extjs 时间范围选择自动判断的实现代码
Jun 24 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
Dec 20 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 Javascript
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 随机排序广告的实现代码
2011/05/09 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
php中的boolean(布尔)类型详解
2013/10/28 PHP
详解PHP归并排序的实现
2016/10/18 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
uploadify 3.0 详细使用说明
2012/06/18 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
Angular工具方法学习
2016/12/26 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
node中的cookie的具体使用
2018/09/13 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
python使用wmi模块获取windows下硬盘信息的方法
2015/05/15 Python
Python创建模块及模块导入的方法
2015/05/27 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
Python使用字典实现的简单记事本功能示例
2019/08/15 Python
Python脚本去除文件的只读性操作
2020/03/05 Python
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
会计学个人自荐信模板
2013/12/13 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
会计求职自荐信范文
2015/03/04 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL