JQuery中常用的使用方法

来源:互联网 发布:网络视频广告特点 编辑:程序博客网 时间:2024/06/07 08:39

1、index();    例:需求1、列表里面 有N多的列表项目 我想知道我点击了哪一个 应该怎么取呢?

jQuery 里面 提供了一个 index() 方法 :index(subject); 

2、aJax()函数;

一、$.get(url,[data],[callback])说明:callback接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式。二、$.post(url,[data],[callback],[type])说明:type可以是html,xml,json等类型,如果没有设置,就和$.get()返回的格式一样,都是字符串。三、$.getJSON(url,[data],[callback])说明:$.getJSON(url,[data],[callback])函数没有type参数,返回的是json类型的,不需要转换。这个函数也是可以跨域使用的;四、load( url, [data], [callback] );    载入静态页面说明:url (String) 请求的HTML页的URL地址;data (Map)(可选参数) 发送至服务器的 key/value 数据;callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数甚至可以通过制定ID来实现载入部分内容的Ajax操作,如:$('#ajax-div').load('data.html#my-section');五、getScript( url, [callback] )说明:url (String) 待载入 JS 文件地址;callback (Function) (可选) 成功载入后回调函数;可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件六、其它函数(按照触发顺序排列如下):ajaxStart:(全局事件) 开始新的Ajax请求,并且此时没有其他ajax请求正在进行beforeSend:(局部事件) 当一个Ajax请求开始时触发。如果需要,你可以在这里设置XMLHttpRequest对象ajaxSend:(全局事件) 请求开始前触发的全局事件success:(局部事件) 请求成功时触发。即服务器没有返回错误,返回的数据也没有错误ajaxSuccess:全局事件全局的请求成功error:(局部事件) 仅当发生错误时触发。你无法同时执行success和error两个回调函数ajaxError:全局事件全局的发生错误时触发complete:(局部事件) 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件ajaxComplete:全局事件全局的请求完成时触发ajaxStop:全局事件) 当没有Ajax正在进行中的时候,触发serialize:函数可以帮你把表单对象的所有值都转换为字符串序列。如果你要写GET格式的请求,这个就非常方便了。erializeArray:返回的是JSON对象

3、eval():可计算某个字符串,并执行其中的的 JavaScript 代码。
4、Option():下拉框

var op = new Option(str1,str2);document.getElementById("emp").options.add(op);

5、eval函数和JSON数据格式之间分析
 

1、eval()工作原理eval函数会评估一个给定的含有JavaScript代码的字符串,并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用作为返回值。2、JSON的格式JSON的格式是由大括号和由冒号(:)构成的名值对所组成的,JSON的名字部分严格用引号+名字来表示。3、eval和JSON利用eval可将服务器端构建好的JSON数据转化为可用的JavaScript对象。在转化的时候需要将JSON字符串的外面包装一层圆括号。4、为什么要加括号加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。5、JSON格式的名字部分为什么要加引号?因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。

七、事件绑定

$("body").on("click",function(e){});//e:事件,其内容丰富。

//js数组的操作http://www.cnblogs.com/qiantuwuliang/archive/2011/01/08/1930499.html



 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

0 0
原创粉丝点击