++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
什么是CDN?CDN的全称是Content Distribution Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。
使用CDN的好处?
1. 不用担心自己网站访客,在任何时间,任何地点,任何网络运营商,都能快速打开网站。
2. 各种服务器虚拟主机带宽等采购成本,包括后期运维成本都会大大减少。
3. 给网站直接带来的好处就是:流量,咨询量,客户量,成单量,都会得到大幅度提升。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
使用 Google 的 CDN
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
使用 Microsoft 的 CDN
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<script> 标签应该位于页面的 <head> 部分。
您是否很疑惑为什么我们没有在 <script> 标签中使用 type="text/javascript" ?
在 HTML5 中,不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
【A】jQuery基本语法:
一、操作页面元素
基础语法是:$(selector).action()
·美元符号定义 jQuery
·选择符(selector)“查询”和“查找” HTML 元素
·jQuery 的 action() 执行对元素的操作$(this).hide() //jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide() //jQuery hide() 函数,隐藏 id="test" 的元素。
$("p").hide() //jQuery hide() 函数,隐藏所有 <p> 元素。
$(".test").hide() //jQuery hide() 函数,隐藏所有 class="test" 的元素。二、文档就绪函数
$(document).ready(function(){
//Your codes here;
});
主要是为了防止在页面加载完之前执行语句,而发生错误,例如获取未完全加载图像的大小,对不存在的对象执行动作等。三、jQuery 选择器
1、元素选择器:jQuery 使用 CSS 选择器来选取 HTML 元素。
2、属性选择器:jQuery 使用 XPath 表达式来选择带有给定属性的元素。如:
$("[href]") 选取所有带有 href 属性的元素
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
什么是XPath?
XPath即为XML路径语言,它是一种用来确定XML(标准通用标记语言的子集)文档中某部分位置的语言。XPath基于XML的树状结构,提供在数据结构树中找寻节点的能力。起初 XPath 的提出的初衷是将其作为一个通用的、介于XPointer与XSL间的语法模型。但是 XPath 很快的被开发者采用来当作小型查询语言。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3、CSS 选择器:jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。如:
$("p").css("background-color","red");
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
什么是DOM?
文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”,双方为了在JavaScript与JScript一决生死,于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物,计有VBScript、ActiveX[2]、以及微软自家的DHTML[1]格式等,使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。
[1]DHTML是Dynamic HTML的简称,就是动态的html(标准通用标记语言下的一个应用),是相对传统的静态的html而言的一种制作网页的概念。
[2]根据微软权威的软件开发指南MSDN(Microsoft Developer Network)的定义,ActiveX插件以前也叫做OLE控件或OCX控件,它是一些软件组件或对象,可以将其插入到WEB网页或其它应用程序中。
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++四、jQurey事件
常见事件:
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 【B】jQuery效果:
一、隐藏与显示
语法:
$(selector).hide(speed,callback);//隐藏
$(selector).show(speed,callback);//显示
$(selector).toggle(speed,callback);//在隐藏和显示之间来回切换
//speed为执行速度单位毫秒,也可以用"slow"、"fast"定值,callback为完成动作后要执行的函数名称,两个参数均为可选参数二、淡入淡出
$(selector).fadeIn(speed,callback);//用于淡入已隐藏的元素
$(selector).fadeOut(speed,callback);//用于淡出可见元素
$(selector).fadeToggle(speed,callback);//在淡入和淡出之间来回切换
$(selector).fadeTo(speed,opacity,callback);//允许渐变为给定的不透明度(值介于 0 与 1 之间)三、上下滑动
$(selector).slideUp(speed,callback);//向上滑动元素
$(selector).slideDown(speed,callback);//向下滑动元素
$(selector).slideToggle(speed,callback);//切换四、动画效果
$(selector).animate({params},speed,callback);
//必需的 params 参数定义形成动画的 CSS 属性,可变长参数,可同时操作多种属性
//可选的 speed 参数规定效果的时长
//可选的 callback 参数是动画完成后所执行的函数名称
//当使用 animate() 时,必须使用 Camel 标记法[1]书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。同时,色彩动画并不包含在核心 jQuery 库中。如果需要生成颜色动画,您需要从jQuery.com下载 Color Animations 插件。
[1]Camel标记即驼峰标记法,首字母小写,接下来的单词都以大写字母开头的方法。PS:Pastal标记法采用首字母大写,接下来的单词都以大写字母开头的方法。匈牙利标记法是在Pastal标记法的基础上,变量名前面加上一个小写字母,或者小写字母的序列,以说明该变量的类型,如sMyName。//示例代码:
$("button").click(function(){
var div=$("div");
div.animate({left:'250px',height:'+=150px',width:'toggle'});//支持相对值"+=、-=",可使用预订值"toggel"、"hide"、"show"等
div.animate({left:'250px',height:'-=150px',width:'show'});
……
div.animate({//Other codes});//支持队列式动画
});五、停止动画或效果
$(selector).stop(stopAll,goToEnd);
//可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行
//可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false
//因此,默认地,stop() 会清除在被选元素上指定的当前动画六、Chaining链式语句
Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)。如
$("#p1").css("color","red").slideUp(2000).slideDown(2000);