美文网首页
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 续

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