美文网首页
Jquery 续

Jquery 续

作者: petertou | 来源:发表于2016-08-02 19:05 被阅读0次

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

$(document).ready() 其效果等同于JS的window.onload。我们说类似就是说还是有区别的地方,
比如说
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行 。

JQ的其他写法

$(document).ready(function(){ //your code here});

$().ready(function(){ $("p").hide();});

$(function(){ $("#btn").on('click', function(){ $("p").show(); });});
     ```

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

![HTMLandTEXT.png](https://img.haomeiwen.com/i2137811/a52f323cf2531c3c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

text() 方法设置或返回被选元素的文本内容
html() 方法设置或返回被选元素的文本内容,并包括html 标签

$.extend 的作用和用法?
-------------------
jQuery.extend( target [, object1 ] [, objectN ] ),将两个或更多对象的内容合并到第一个对象。
```html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery.extend demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="log"></div>
<script>
var object1 = {
apple: 0,
banana: { weight: 52, price: 100 },
cherry: 97
};
var object2 = {
banana: { price: 200 },
durian: 100
};
// Merge object2 into object1
$.extend( object1, object2 );
// Assuming JSON.stringify - not available in IE<8
$( "#log" ).append( JSON.stringify( object1 ) );
</script>
</body>
</html>

JQuery 的链式调用是什么?

链式调用作用.png

采用链式写法时,jQuery自动缓存每一步的结果,因此比非链式写法要快。根据测试,链式写法比(不使用缓存的)非链式写法,大约快了25%。

相关文章

JQuery ajax 中缓存怎样控制?

jquery ajax 缓存的控制,没记错应该是cache,关于缓存这里一时半会也说不清楚。过几天我整理ajax的时候专门说下浏览器缓存的事.一般jquery设置是否缓存为:

$.ajax({ cache:true//true为由缓存,false为无缓存。})

相关文章

jquery 中 data 函数的作用

jQuery.data 即$.data()。向元素附加数据,然后取回该数据
相关资料

相关文章

  • Jquery 续

    Jquery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有...

  • jQuery学习02

    此篇是续上一篇的jQuery01之后的继续学习。 三、jQuery之——属性选择器 jQuery除了支持css的所...

  • jQuery基础(2)

    (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...

  • jQuery 效果

    目录 jQuery 隐藏/显示jQuery 淡入淡出jQuery 滑动jQuery 动画jQuery Callba...

  • jquery常用cdn

    jQuery: jQuery mobile: jQuery UI:

  • jQuery第一天笔记

    JQuery简介 JQuery常用方法 JQuery中的插件 JQuery简介 JQuery 的发展历史http:...

  • jQuery基础(3)

    (续jQuery基础(2)) 四、动画篇 第1章 动画基础隐藏和显示 (1)隐藏元素的hide方法 让页面上的元素...

  • JavaScript之jQuery

    九、jQuery 目录:初识jQuery及公式、jQuery选择器、jQuery事件、jQuery操作DOM元素 ...

  • jQuery需要课上讲解的方法

    jQuery jQuery 核心jQuery() jQuery对象访问each()index()get()leng...

  • 优博精选|2018互联网优秀博客推荐(持续更新)

    前端开发 jQuery之家:jQuery之家致力于搜集和整理各种jQuery插件,jQuery特效,jquery ...

网友评论

      本文标题:Jquery 续

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