元素没有特定的含义。 *** ##HTML表单 HTML 表单用于收集用户输入。 元素定义 HTML 表单 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 元素 元素是最重要的表单元素。 元素有很多形态，根据不同的 type 属性。

First name:

Last name:

Male Female

---

##H5 什么是 HTML5？

1. HTML5 是最新的 HTML 标准。
2. HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。
3. HTML5 拥有新的语义、图形以及多媒体元素。
4. HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。
5. HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。

HTML5 实例：

> <title>Title of the document</title> Content of the document...... > ###HTML 新特性 HTML5 的一些最有趣的新特性： * 新的语义元素，比如 , , , and 。 * 新的表单控件，比如数字、日期、时间、日历和滑块。 * 强大的图像支持（借由 和 ） * 强大的多媒体支持（借由 和 ） * 强大的新 API，比如用本地存储取代 cookie。 ##HTML 总结 HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。公司项目中用到的基本上是H5，但是基本的语法结构都是一样的，简单的做个了解，有一个宏观的概念。在项目中遇到了问题再查找解决。 *** #JavaScript >JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

• JavaScript：写入 HTML 输出

document.write("

This is a heading

"); document.write("

This is a paragraph

");

• JavaScript：对事件作出反应

点击这里

• JavaScript：改变 HTML 内容

x=document.getElementById("demo") //查找元素 x.innerHTML="Hello JavaScript"; //改变内容

• JavaScript：改变 HTML 样式

x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式

• JavaScript：验证输入

if isNaN(x) {alert("Not Numeric")};

• JavaScript 代码块

JavaScript 语句通过代码块的形式进行组合。块由左花括号开始，由右花括号结束。块的作用是使语句序列一起执行。 JavaScript 函数是将语句组合在块中的典型例子。 下面的例子将运行可操作两个 HTML 元素的函数：

function myFunction() { document.getElementById("demo").innerHTML="Hello World"; document.getElementById("myDIV").innerHTML="How are you?"; }

JavaScript 对大小写是敏感的。

• JavaScript 数据结构 字符串、数字、布尔、数组、对象、Null、Undefined JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

var x // x 为 undefined var x = 6; // x 为数字 var x = "Bill"; // x 为字符串

• JavaScript 对象

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 JavaScript 中，对象是拥有属性和方法的数据。

属性是与对象相关的值。 方法是能够在对象上执行的 本例创建名为 "person" 的对象，并为其添加了四个属性：

person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";

• JavaScript 函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname() { 这里是要执行的代码 }

简单实例：

<script> function myFunction() { alert("Hello World!"); } </script> 点击这里 * JavaScript 错误 - Throw、Try 和 Catch > try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。 * JavaScript 框架（库） JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。 为了应对这些调整，许多的 JavaScript (helper) 库应运而生。 这些 JavaScript 库常被称为 JavaScript 框架。 *** #JQuery >jQuery 是目前最受欢迎的 JavaScript 框架。 它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。 jQuery 同时提供 companion UI（用户界面）和插件。 许多大公司在网站上使用 jQuery： > * Google > * Microsoft > * IBM > * Netflix ##jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

• 美元符号定义 jQuery
• 选择符（selector）“查询”和“查找” HTML 元素
• jQuery 的 action() 执行对元素的操作 ###jQuery 选择器 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
• jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取

元素。 $("p.intro") 选取所有 class="intro" 的

元素。 $("p#demo") 选取所有 id="demo" 的

元素。

• jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 ###jQuery 事件 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到

部分的事件处理方法中：

<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script>

This is a heading

This is a paragraph.

This is another paragraph.

Click me

下面是 jQuery 中事件方法的一些例子：

AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。

什么是 AJAX？ AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。 简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。 使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。 ###jQuery AJAX jQuery 提供多个与 AJAX 有关的方法。

通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。 提示：如果没有 jQuery，AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。

• jQuery load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。

语法：$(selector).load(URL,data,callback);

• jQuery $.get() 方法
• jQuery $.post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。

• GET - 从指定的资源请求数据
• POST - 向指定的资源提交要处理的数据

get()语法：$.get(URL,callback);

$("button").click(function(){ $.get("demo_test.asp",function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });

post()语法：$.post(URL,data,callback);

$("button").click(function(){ $.post("demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });