JQuery

简介：
JQuery是一个优秀的兼容多浏览器的Javascript库，顾名思议，也就是JavaScript和查询（Query），是是辅助JavaScript开发的库。
jQuery的作用是使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、事件、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

简单的说jquery在网站中的作用是使程序开发者更易更高效的开发网页特效而且能保证代码的高兼容性。
Query是一个兼容多浏览器的javascript库，核心理念是写得更少,做得更多。

目的：
jQuery是一个javascript库，早期为了兼容各种浏览器和为了简化javascript的开发而生，引入jQuery后，可以更方便的快速开发web应用。

1 、取得页面中的元素。
js:
格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
实例：window.frames["ifm"].document.getElementById("btnOk").click();  

Jquery:
格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1  
实例：$("#ifm").contents().find("#btnOk").click();//jquery 方法1  
2.
Js代码  收藏代码
格式：$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2  
实例：$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
 
2 、修改页面的外观。

 
3 、改变页面的内容。
 
4 、响应用户的页面操作。
 
5 、为页面添加动态效果。
 
6 、无需刷新页面即可从服务器获取信息。这种编程模式就是众所周知的AJAX （Asynchronous JavaScript and XML ，
     异步JavaScript 和XML ），它能辅助Web 开发人员创建出反应灵敏、功能丰富的网站。jQuery 通过消除这一过程中的
     浏览器特定的复 杂性，使开发人员得以专注于服务器端的功能设计。


8.10        JS

1.简介：Javascript是一种基于对象和事件驱动并且具有安全性的脚本语言。Javascript被设计用来向HTML页面添加交互行为(HTML页面应该包含三个部分的内容,分别是:HTML标签—负责承载页面中的内容,Css—负责页面显示的样式, Javascript—负责页面中的行为)。Javascript是一种脚本语言 (脚本语言是一种轻量级的编程语言)。Javascript通常直接被嵌入HTML页面。

2、作用：
    Javascript可以将动态的文本放入HTML页面,类似于这样的一段Javascript声明可以将一段可变的文本放入HTML页面: document.write("<h1>" + name + "</h1>")    
    Javascript可以对事件做出响应。可以将Javascript设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个HTML元素时。
    Javascript可以读写HTML元素。
    Javascript可以用来验证数据,在数据被提交到服务器之前, Javascript可以用来验证这些数据。
    Javascript可以被用来创建cookies, cookies来存储和取回位于访问者的计算机中的信息。

3.优点：
一种被解释性执行的脚本语言    
一种简单弱类型脚本语言
一种相对安全脚本语言
一种事件驱动脚本语言
一种跨平台性脚本语言
减少网络传输
JavaScript方便操作HTML对象
JavaScript支持分布式运算

4、缺点：
各浏览器厂商对JavaScript支持程度不同
“Web安全性”对Javascript一些功能牺牲

8.11                     AJAX

简介：Ajax即” Asynchronous Javascript And XML”(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。
Ajax=异步JavaScript和XML(标准通用标记语言的子集)。
Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,进行更新。传统的网页(不使用Ajax)如果需要更新内容,必须重新加载整个网页。

优点：
1.    无刷新更新数据
2.    异步与服务器通信
3.    前端和后端负载平衡
4.    基于标准被广泛支持
5.    界面与应用分离

缺点：
1.    AJAX干掉了Back和History功能,即对浏览器机制的破坏
2.    AJAX的安全问题
3.    对搜索引擎支持较弱
4.    破坏程序的异常处理机制
5.    AJAX不能很好支持移动设备

实现代码：（显示）
 $(function () {
        $.ajax({
            type: "GET",
            url: "/api/values",
            success: function (data) {
                //alert(1);
                $.each(data, function (i, item) {
                    var str = "<tr><td>" + item.UserID + "</td><td>" + item.UserName + "</td><td>" + item.NickName + "</td><td>" + "<input type='button' value='删除' onclick='Del(" + item.UserID + ")'/></td></tr>"
                    $("table").append(str);
                })
            }
        })
    })