9.停下来讲说jquery

时间 2019-12-01

标签停下来讲 jquery 栏目 JQuery 繁體版

原文原文链接

#1. javacript时代到jquery时代不一样浏览器对javacript解析的差别性，致使作兼容处理的成本的上升，聪明人很快发现了这个痛点，因而，抹平浏览器差别的jQuery库出现了。html

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

jQuery由一小撮对浏览器极其熟稔的极客负责抹平不一样浏览器的差别，其余开发者只须要基于jQuery进行开发，能够更好地关注业务实现，而不是把时间花在适配不一样的浏览器上。jquery

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

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

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

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

这就是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次*/);
});