美文网首页
jQuery基础(2)

jQuery基础(2)

作者: 尹萨萨 | 来源:发表于2016-09-27 18:15 被阅读0次
1.jQuery 中, $(document).ready()是什么意思?和window.onload 的区别? 还有其他什么写法或者替代方法?
//当页面DOM内容(文档对象模型)加载完成后,立即运行JS代码;一般当JS代买写在<body>前时用次方法
//常见替代写法即是          $(function( ){    })
<script>
  $(document).ready(function(){            //$(window).on('load",function( ){ })
    //to do                             // 此方法意思是所有页面资源已经加载完毕,包括图像,立即执行JS代码
  });
</script>                  
<body>
   //to do                 
</body>
2.$node.html()和$node.text()的区别?
  • $node.html( )
    获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容。

  • $node.text( )
    得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

//添加内容
.html('<p>hello</p>') // 页面显示hello
.text('<p>hello</p>') //页面显示<p>hello</p>

//选择内容
.html( ) // <p>hello</p>
.text( ) // hello
3.$.extend 的作用和用法?
  • 将两个或更多对象的内容合并到第一个对象,然后输出第一个对象的值
$.extend( target, [ object1 ], [objectN ] )
//target 可以设置为{}空对象,这样避免第一个对象的值被改变
4.jQuery 的链式调用是什么?
$('.addclass').text('改变内容').hide( );
//在一个选择的元素上通过 '.'加上方法,连续的进行修改调用
5.jQuery ajax 中缓存怎样控制?

通过参数 cache进行控制

cache:true //缓存此页面
cache:false  //不缓存此页面

默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。

参考

6.jQuery 中 data 函数的作用
  • 在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。
$('body').data("name","alice") //储存数据
$('body').data("age",45) //可储存多个数据
$('body').data("name") //返回指定储存数据的值

参考

相关文章

  • jQuery

    1、引入jQuery 1.从jQuery.com下载jquery库2从CDN中载入jQuery 2、基本语法 基础...

  • jQuery基础(2)

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

  • jQuery基础(2)

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

  • jquery基础2

    今天继续介绍jQuerydom操作内部插入:append()插入到该元素的最后面prepend()插入到元素的最前...

  • jQuery基础入门

    jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...

  • 2019-02-13jQuery

    一 jQuery基础 先导入jQuery文件

  • 业务开发中小技巧

    1.Myql统一新增基础字段: 2.Jquery获取radio选中值: 3.Jquery获取select选中值: ...

  • jQuery

    jQuery框架 一、jQuery基础 添加jQuery到网页 jQuery基本语法 二、jQuery 选择器 示...

  • jQuery图书总结

    1.锋利的jQuery(单东林) 这本书算是jQuery经典的一本书了,很适合入门和提高! 2.jQuery基础教...

  • Day19--JQuery

    JQuery 基础:

网友评论

      本文标题:jQuery基础(2)

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