ajax26怎么样,任务26-jquery 常用方法&ajax

问答

1. Jquery 中， $(document).ready()是什么意思？和window.onload 的区别？ 还有其他什么写法或者替代方法？

$(document).ready()是当 DOM(文档对象模型) 已经加载，并且页面(包括图像)已经完全呈现时，会发生 ready 事件。

区别：

执行时机：

$(document).ready()只需要在页面中所有的DOM结构绘制完毕后就执行。

window.onload必须等网页中的所有内容加载完毕后(包括图片、CSS、脚本等)，才能执行。

编写个数：

$(document).ready()能同时编写多个，根据编写顺序依次执行。

window.onload只能编写一个。如果编写多会也只会执行最后一个 window.onload代码。

简写方法：

$(document).ready()可以简写成：$().ready(function(){// body...})或$(function(){// body...})

2. $node.html()和$node.text()的区别?

$node.html()获取集合中第一个匹配元素的HTML内容或设置每一个匹配元素的HTML内容。当()没有参数时，获取集合中第一个匹配元素的HTML内容；当()有参数时，设置node的HTML的内容。

$node.text()得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。当()没有参数时，得到匹配元素集合中每个元素的合并文本，包括他们的后代。当()有参数时，设置node的文本内容。

3. $.extend 的作用和用法?

作用：将两个或更多对象的内容合并到第一个对象。

写法：

jQuery.extend( [deep ], target, object1 [, objectN ] )

[deep]可选。类型: Boolean。如果是true，合并成为递归(又叫做深拷贝)。不能设置成false。

target对象扩展。将接收新的属性。可以写成{}。

object1合并到新的属性的第一个参数。

[,objectN]可选。合并到新的属性的第N个参数。

用法：

合并两个对象，并修改第一个对象。

采用递归的方式合并两个对象，并修改第一个对象。与上面的用法不同处在于如果目标对象的某个属性在附加对象中有，那么这个属性的值会发生合并。

合并 defaults 和 options 对象，并且不修改 defaults 对象。这是常用的插件开发模式。

4. JQuery 的链式调用是什么？

链式操作就是分步骤地对jQuery对象实现各种操作。

$(#test).css('color','blue').show(200).removeClass('style');

上面的一行代码，对id为test的对象进行了三项操作：先设置字体颜色为蓝色，再显示对象，最后移除对象的“style”。

上面 每一步的jQuery操作，返回的都是一个jQuery对象，所以不同的操作可以连接在一起。

优点：

代码更精简。链式操作能大大精简代码量，多项操作一行代码一气呵成，搞定；

优化性能。使用链式操作，所有操作代码共享一个jQuery对象，省去了逐步查询DOM元素的性能耗损。

5. JQuery ajax 中缓存怎样控制?

jQuery ajax方法中是利用cache参数来控制缓存，默认cache值为true(即缓存)。但在有些情况下我们是不需要ajax的默认缓存数据的，如时间等的实时发生变化的数据，这样我们可以通过设置cache为false，每次发送请求的数据上加上时间戳的方式，每次发送请求时都带上当时的时间参数，由于时间一直在变化，这样发生网络请求时，浏览器会认为这不是同一个页面，因此不会从缓存获取数据，而是重新发送请求获取数据。

6. jquery 中 data 函数的作用?

.data( key, value )在匹配元素上存储任意相关的数据。

.data(key)或者.data()返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

alert( $("body").data("foo")); //undefined,如果指定元素上没有设置任何值，那么将返回undefined。

$("body").data("bar", "foobar");

alert( $("body").data("bar")); //foobar

本文版权归本人和饥人谷所有，转载请注明来源。