jquery读取本地目录下所有文件 jquery读取本地文件的函数

1. load方法

1. 作用：从服务器加载内容，然后写入匹配元素
2. 格式：元素.load（url地址，参数，回调函数） 例如；$(‘div’).load（url地址，参数，回调函数）
3. 说明：

1. url地址：表示被请求文件的地址，可以是html/txt/json等格式
2. 参数：如果没有参数，那么表示请求类型为get，如果有参数表示post请求
3. 回调函数，格式如下：function(参数1，参数2，参数3) {}，无论是否请求成功，都会触发

• 参数1：包含调用成功时浏览器返回的结果内容，字符串类型
• 参数2：包含调用的状态，如包含success和error
• 参数3：XMLHttpRequest对象， 及xhr

2. $.getJSON方法

1. 作用：使用 AJAX 的 HTTP GET 请求获取 JSON 数据
2. 格式：$.getJSON(url,data,success(data,status,xhr));
3. 说明：

1. url地址：表示被请求的JSON文件地址
2. data：表示参数，可省
3. success：回调函数，请求成功时运行，即响应状态码为success时触发

• 参数1：包含调用成功时的结果内容，对象类型
• 参数2：包含调用的状态，包含success和error
• 参数3：XMLHttpRequest对象

1. 返回值为xhr对象

3. $.getScript方法

1. 作用：该方法使用 AJAX 的 HTTP GET 请求获取和执行 JavaScript。支持跨域
2. 格式：$.getScript(url,success(response,status))
3. 说明：

1. url：js文件地址
2. success：规定当请求成功时运行的函数，即响应状态码为success时触发

• response - 包含来自请求的结果数据
• status - 包含请求的状态（"success"、"notmodified"、"error"、"timeout"、"parsererror"）

1. 返回值为xhr对象

4. $.get方法

1. 作用：此方法使用一个HTTP GET请求从服务器加载数据
2. 格式：$.get（url,data,success(参数1，参数2，参数3 )）
3. 回调函数success的说明：响应状态码为success时触发

1. 参数1：包含调用成功时的结果内容
2. 参数2：包含调用的状态，包含success和error
3. 参数3：通信对象
4. 返回值为xhr

5. $.post方法

1. 作用：通过 HTTP POST 请求从服务器上请求数据
2. 格式：$.post(URL,data,callback);
3. 说明：

1. 必需的 URL 参数规定您希望请求的 URL。
2. 可选的 data 参数规定连同请求发送的数据。
3. 可选的 callback 参数是请求成功后所执行的函数名，即响应状态码为success时触发，参数也是三个。

6. $.ajax方法

1. 作用：用于通过后台HTTP请求加载远程数据。
2. 格式1：$.ajax(url,{参数说明});
3. 格式2：$.ajax({参数说明})
4. 参数说明：

1. type，请求类型，对应的值为‘get’和‘post’
2. url，目标文件地址
3. asyn，是否异步，对应的值为true（异步）或false（同步）
4. success，请求成功后执行的回调函数，该函数的参数为请求返回的数据、响应状态字符串、jqXHR对象，只有请求成功时才会被执行到，即status的值为success的时候被触发
5. error，请求失败时的回调函数，当请求失败时，即没有拿到数据时执行
6. complete：请求完成时的回调函数，无论数据是否请求成功，该函数都会被执行
7. data，向服务器传递的参数，参数为一个对象
8. dataType：指定返回的数据类型，如果是json格式，可以写jsonp
9. crossDomain：设置是否允许跨域，对应的值为false和true，如果是不允许跨域则设置值为false,或者默认不写，如果允许跨域则写true

7. jQuery插件

1. 什么是jQuery插件：Jquery 插件是对jquery 库功能的拓展。插件里面是你要实现的个性化的效果
2. 创建jQuery插件的常用方式

1. $.extend(object) 可以理解为JQuery 添加一个静态方法。
2. $.fn.extend(object) || $.prototype.extend(object) 可以理解为JQuery实例添加一个方法。

3. 开发jQuery插件的标准结构

1. 定义作用域：定义一个JQuery插件，首先要把这个插件的代码放在一个不受外界干扰的地方。如果用专业些的话来说就是要为这个插件定义私有作用域。外部的代码不能直接访问插件内部的代码。插件内部的代码不污染全局变量。在一定的作用上解耦了插件与运行环境的依赖。格式如下：

（function($) {}）（jQuery）；

1. 为jQuery扩展插件

• 添加静态方法

• jQuery对象添加方法

1. . 自定义方法为jQuery定义一个方法

(function($){
 $.fn.extend({
 sty:function(opt){
 var defaults = {
 width:'600px',
 borderStyle:'solid',
 borderWidth:'1px',
 borderColor:'#000',
 borderCollapse:'collapse',
 textAlign:'center'
 }
 var obj = $.extend(defaults,opt)
 $(this).css(obj);
 return (this)
 }
 })
 })(jQuery)
 $('table').sty()
 $('td').sty({width:""})