美文网首页
jQuery 基本操作/ajax

jQuery 基本操作/ajax

作者: Iswine | 来源:发表于2016-09-26 18:55 被阅读0次

1、在jQuery 中, $(document).ready()是什么意思?和window.onload的区别? 还有其他什么写法或者替代方法?

因为浏览器从上至下解析页面,假若将<script>写在<head>中,而页面解析时间过长,可能会出现事件关联的DOM节点并未加载出而却在<script>中进行了事件绑定的bug。使用$(document).ready(),让函数内执行的进程等带所有DOM加载完毕后在生效。

其与window.onload的不同主要体现在:

  • $(document).ready()是在DOM树建立后生效,而window.onload不仅要建立DOM树,还要等待DOM数中的内容加载完成(如:图片,动画等等);
  • window.onload只能规定一次,若多次规定,则只有最后一个生效;而$(document).ready()可规定多个。

其它写法:

$(function(){
  console.log("方法一");
})

$(document(){
  console.log("方法二");
})

$().ready(function{
  console.log("方法三");
})

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

  • $node.html()是获取/修改$node节点中的html内容;
  • $node.text()是获取/修改$node节点中的文本内容;

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

  • $.extend(obj1,obj2,[obj3]......)的作用是将一个或多个对象整合到一个已经存在的对象之中;
  • 前两个参数必须传入,后面3-n个参数可以选择传入 。

例如:

var student1 = {"name":"张全蛋","age":18}
var student2 = {"name":"王尼玛","age":20,"gender":"男"}
var student3 = {"name":"狗子","age":24,"hobby":"足球"}
$.extend(student1,student2,student3);    //Object {name: "狗子", age: 24, gender: "男", hobby: "足球"}
student1                                 //Object {name: "狗子", age: 24, gender: "男", hobby: "足球"}
//此时student1也变为新的对象

4、什么是jQuery的链式调用?

形如$(node).dosomething().dosomething()的形式即为链式调用;其原理是每次执行一次操作后,所得到的返回值依然是原来的jQuery对象,故可以继续作用;我们在书写的时候,为了简洁美观一般是这样:

$(node).dosomething()
       .dosomething();

5、 JQuery Ajax 中缓存怎样控制?

首先解释什么是缓存:简单来说,缓存就是客户端对上一次服务端响应所留下的副本,如果下一次请求与上一次的URL相同,那么客户端不会再向服务端发送请求,而直接调用缓存来呈现给用户。
在JQuery的AJAX中,通过设置ajax对象内部的cache属性来控制是否保存缓存:
cache的值为布尔数,默认值为true,意为保存缓存,反之则为false,其不保存缓存的原理是将每次请求的URL地址后添加一个时间戳,以区分每次请求的URL。

6、jquery 中 data 的作用

.data() 方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险。
用法为:$(selector).data(key,value)

相关文章

  • jQuery 基本操作/ajax

    1、在jQuery 中, $(document).ready()是什么意思?和window.onload的区别? ...

  • 3.2ajax基础内容考点

    考官考点 ajax的基本工作原理延伸:jQuery的ajax操作 ajax的 通过在后台与服务器进行少量数据交换,...

  • JQuery操作AjAx基本语法

    $.ajax({ type://提交类型 url://处理程序的URL data://提交的数据 dataType...

  • 事件冒泡 委托 节点 ajax jsonp

    事件冒泡 事件委托 节点操作 ajax ajax jQuery-jsonp

  • 2018-12-10

    节点操作 ajax jsonp jQuery-jsonp jsonp公开接口

  • day9-jQuery

    十七.什么是jQuery 十八.jQuery属性操作和样式 十九.jQuery的动态添加和删除 20.Ajax

  • jQuery——Ajax

    jQuery对ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第二层是load()、...

  • 二、Jquery 选择器

    选择器是 Jquery 的基础,在 Jquery 中,对事件的处理、DOM 操作、Ajax 操作都是依赖选择器。 ...

  • jquery ajax操作

    1, jQuery load() 方法是简单但强大的 AJAX 方法。 load()方法默认使用 GET 方式, ...

  • Jquery Ajax 封装

    Jquery Ajax封装 Jquery Ajax 调用

网友评论

      本文标题:jQuery 基本操作/ajax

      本文链接:https://www.haomeiwen.com/subject/ilvqyttx.html