jquery 常用方法&ajax

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

	window.onload()	$(document).ready()
执行时机	在页面所有元素（包括图片，引用文件）加载完后执行。等同于$(window).load(function);	页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完.
编写个数	不能同时写多个，后面的将会覆盖前面的	可以同时写多个
简写	无	$(function(){//to do;});

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

• $node.html()获取的是节点的html内容
• $node.text()获取的是节点的text内容

  hello

console.log($('.test').html())//hello
console.log($('.test').text())//hello

$.extend 的作用和用法?]

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

1. 如果提供两个或多个对象给$.extend()，对象的所有属性都添加到目标对象（target参数）。

• 如果只有一个参数提供给$.extend()，jQuery对象本身被默认为目标对象。这样，我们可以在jQuery的命名空间下添加新的功能。即向 jQuery 中添加新函数
  • deep参数
    可选的参数，表示是否进行深拷贝，默认是false
  • target参数
    即合成的目标对象，如果是已存在的对象将会被修改
  • object1[,objectN]
    即将要合成的多个对象，后面的属性会覆盖前面的

JQuery 的链式调用是什么？

• 当jQuery的方法的返回值仍为当前对象时可以继续调用该对象的方法，这样就形成一种链式调用；
  $(“#myphoto”).css(“border”,”solid 2px#FF0000”).attr(“alt”,” good”);
  对一个jQuery对象先调用了css()函数修改样式，然后使用attr()函数修改属性，这种调用方式象链一样，所以称为“链式操作”。

JQuery ajax 中缓存怎样控制?

• POST请求不会产生缓存，但是如果GET请求的URL一样，就会产生缓存，产生缓存的结果是浏览器不会去服务器更新内容，而是使用本地的缓存
• JQuery ajax 中cache参数：
  如果设置为 false ，浏览器将不缓存此页面。注意: 设置cache为 false将在 HEAD和GET请求中正常工作。它的工作原理是在GET请求参数中附加"_={timestamp}"

jquery 中 data 函数的作用

• .data( [ key [, value ] ])
  以指定的键名key存取数据。
  如果指定了value参数，则表示以键名key存放值为value的数据；
  如果没有指定value参数，则表示读取之前以键名key存放的数据；
  如果没有指定任何参数，则以对象形式返回之前存储的所有数据。

代码

1. 给元素 $node 添加 class active，给元素 $node 删除 class active
   $node.addClass('active');
   $node.removeClass('active');

• 展示元素$node, 隐藏元素$node
  $node.show()
  $node.hide()
• 获取元素$node 的 属性: id、src、title， 修改以上属性
  $node.attr('id')
  $node.attr('src')
  $node.attr('title')
  //修改
  $node.attr('id','change')
  $node.attr('src','change')
  $node.attr('title','change')
• 给$node 添加自定义属性data-src
  $node.attr('data-src','add')
  关于是用attr()还是data(),可以参考

http://blog.csdn.net/chennanfei/article/details/18055671

**attr()返回值始终是string型**

如果是为了存储和传递页面元素相关的数据，data()比attr()是更好的选择。

• 在$ct 内部最开头添加元素$node
  $ct.prepend($node)
• 在$ct 内部最末尾添加元素$node
  $ct.append($node)
• 删除$node
  $node.remove($node)
• 把$ct里内容清空
  $node.empty()
  $ct.text("");
• 在$ct 里设置 html
  
  $ct.html('
  ')
• 获取、设置$node 的宽度、高度(分别不包括内边距、包括内边距、包括边框、包括外边距)
  $node.width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
  $node.height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
  $node.innerWidth() 方法返回元素的宽度（包括内边距）。
  $node.innerHeight() 方法返回元素的高度（包括内边距）。
  $node.outerWidth() 方法返回元素的宽度（包括内边距和边框）。
  $node.outerHeight() 方法返回元素的高度（包括内边距和边框）
  $node.outerWidth(true) 方法返回元素的宽度（包括内边距、边框和外边距）。
  $node.outerHeight(true) 方法返回元素的高度（包括内边距、边框和外边距）。
• 获取窗口滚动条垂直滚动距离
  $(window).scrollTop()
• 获取$node 到根节点水平、垂直偏移距离
  $node.offset().left
  $node.offset().top
• 修改$node 的样式，字体颜色设置红色，字体大小设置14px
  $node.css({"color":"red","font-size":"14px"})
• 遍历节点，把每个节点里面的文本内容重复一遍
  $node.each(function(){
  console.log($(this).text())
  })
• 从$ct 里查找 class 为 .item的子元素
  $ct.find('.item')
• 获取$ct 里面的所有孩子
  $ct.children()
• 对于$node，向上找到 class 为’.ct’的父亲，在从该父亲找到’.panel’的孩子
  $node.parents('.ct').find('.panel')
• 获取选择元素的数量
  $node.length
• 获取当前元素在兄弟中的排行
  $node.index()
• 获取下标为n的元素
  $node.eq(n)