9.停下来说说jquery

为什么80%的码农都做不了架构师？>>>

#1. javacript时代到jquery时代不同浏览器对javacript解析的差异性，导致做兼容处理的成本的上升，聪明人很快发现了这个痛点，于是，抹平浏览器差异的jQuery库出现了。

jQuery：用更少的代码，实现更强悍的功能

jQuery由一小撮对浏览器极其熟稔的极客负责抹平不同浏览器的差异，其他开发者只需要基于jQuery进行开发，可以更好地关注业务实现，而不是把时间花在适配不同的浏览器上。

jQuery解决一个浏览器兼容性问题

#2. 满眼的全是DOM jQuery使得开发无刷新动态页面（AJAX）或者单页应用（SPA）变得相当简单。

标准的HTML页面是静态的，被浏览器渲染后就产生了一个DOM树

jQuery让静态的文档动起来，通过提供一系列的选择符，jQuery使开发者能够极其方便地选中一组DOM节点，对其进行操作。

这就是jQuery的开发范式。jQuery没有引入什么新的概念，只是朴素地，让你能够更简单地、低成本地操作DOM：

用选择符选定一组DOM节点
操作选中的DOM节点，比如：修改文本、改变属性、挂接事件监听函数、变换DOM等等。
基本不用考虑跨浏览器的兼容性

#3. jquery的一个简单实例用jQuery实现一个小时钟我们试着用jQuery实现一个简单的时钟页面，实现思路很简单：

引入jquery库 jquery库将创建一个全局对象：$。开发者需要的API都挂接在这个对象上。它其实是一个类工厂，负责将指定的DOM对象转化为jquery对象。
在DOM文档就绪后，启动一个定时器使用$(document).ready()可以监听DOM文档就绪事件，通常简写成$(...)。
在定时器里更新div#clock的文本 "div#clock"是一个选择符，使用这个选择符，jquery库可以找到那个特定的DOM对象，并将其转化为jQuery对象。
jquery封装后的DOM对象有一堆的方法供你调用，我们使用text()方法更新其文本

<html>
<head><!--引入jquery库，这将创建一个全局的对象：$ --><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body><!--div#clock作为我们的时钟模板，将被定时刷新--><div id="clock"></div>
</body>
</html>//监听DOM就绪事件
$(function(){//启动定时器setInterval(function(){//取当前时间var d = new Date();//使用text()方法更新DOM对象的文本内容$("#clock").text(d.toString());},1000/*1000毫秒触发1次*/);
});

转载于:https://my.oschina.net/oneboi/blog/794165

9.停下来说说jquery相关推荐

php ajax 概率转盘,php+jquery实现转盘抽奖概率可任意调
转盘抽奖,炫丽的一般是flash做的.不懂flash而又不需要那么炫丽,可以简单的通过jquery来实现.网上教程有很多,跟着做了一下,也贴出来吧.要实现转盘抽奖,有两个关键点,一是让转盘或指针转起来 ...
jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...
第四篇前端学习之JQuery基础
一 jQuery是什么? jQuery就是一个JavaScript的库. <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入 ...
Djanog结合jquery实现ajax
最近想在使用django的基础上通过jquery实现页面局部刷新的功能,研究了两天,终于是解决了这个问题,下面把方法步骤记录下来,以备以后重用. 在项目中通过两种形式实现了ajax: 第一种方法:we ...
WebDay05 JQuery框架
JQuery框架一 Jquery概述 1.1 简介 1.2 自定义JS框架二 Jquery基础语法 2.1 HTML引入Jquery 2.2 jQuery与JS区别三 Jquery选择器 3.1 ...
jQuery的使用（每一步都有注释说明，结构清晰，非常适合初学者，结合实例，通俗易懂，附带jQuery安装方法）
文章目录 1.什么是jQuery? 2.jQuery的优点: 3.jQuery的下载及版本选择. 4.jQuery选择器: 5.jQuery常用事件: 6.操作元素的属性及内容: 7.jQuery动画 ...
只因小黑子的jquery入土过程
小黑子的jquery系列入土过程 jquery系列教程 1. 初识jquery 1.2 jquery选择器 1.2.1 基本选择器 1.2.2 选择器-特殊选择器 1.3 筛选器 2. jquery操 ...
jQuery学习小征途
jQuery学习小征途 1.1 初识jQuery 1.2 jQuery选择器 1.2.1 基本选择器 1.2.2 特殊选择器 1.3 jQuery 筛选器 1.3.1 first() 1.3.2 la ...
jQuery超详细总结
jQuery超详细总结文章目录 jQuery超详细总结一选择器特殊选择器二筛选器用在 jQuery 选择的元素后面都是方法,对选择出来的元素进行二次筛选三文本操作总结四元素类 ...

9.停下来说说jquery

9.停下来说说jquery相关推荐

最新文章

热门文章