jQuery 的功能概括

1、html 的元素选取

2、html的元素操作

3、html dom遍历和修改

4、js特效和动画效果

5、css操作

6、html事件操作

7、ajax异步请求方式

jQuery 版本 2 以上不支持 IE6，7，8 浏览器。

如果需要支持 IE6/7/8，那么请选择1.9你还可以通过条件注释在使用 IE6/7/8 时只包含进1.9。

<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="jquery-2.0.0.js"></script>
<!--<![endif]-->

jquery 获取自定义meta标签信息
<meta name="apple-itunes-app"/>
这种meta信息 js/jquery应该如何获取

<meta name="seg-user"/>
方案1
$("meta").eq(1).attr("http-equiv")

方案2
$('meta[name="seg-user"]');

方案3
var paras = document.getElementsByTagName("meta");
var name = paras[0].getAttribute("name");
var content = paras[0].getAttribute("content");


方案4
直接按照平常取DOM的方法
document.querySelector('meta[name="seg-user"]').getAttribute('content')

方案5
document.getElementsByTagName('meta')['seg-user']

jquery获取及设置outerhtml的方法

jQuery.html()  获取当前节点下的html代码

并不包含当前节点本身的代码

有时候 需要 可以通过jQuery.prop("outerHTML") 方式设置

原生JS DOM里有一个内置属性 outerHTML （ JS 区分大小写 ）

用来获取当前节点的html代码(包含当前节点) 所以用jQuery的prop()能拿到

一、jquery获取outerhtml

<div class="test"><p>hello，你好！</p></div>

$(".test").prop("outerHTML");

二、jquery设置outerhtml

$('.test').prop('outerHTML', '<input>');

var flag = 0,local_image_upload_botton=$('#local_image_upload_botton');

$.ajax({

  url: upload_url+'?type=multipart',

  timeout :30000,

  type: 'POST',

  data: image_form,

  mimeType: 'multipart/form-data',

  contentType: false,

  cache: false,

  processData: false,

  dataType:"json",

  beforeSend: function(){

    local_image_upload_botton.text('上传中请稍后...');

  },

  success: success(data,status,xhr){

  },

  complete : function(XMLHttpRequest,status){

    if(status=='timeout'){

      //ajaxTimeout.abort();               

     }

    if(XMLHttpRequest.readyState==4){

      var obj = JSON.parse(XMLHttpRequest.responseText);

      //alert(obj.payload)

       local_image_upload_botton.text(obj.payload.message);

    }

  },

  error: function(XMLHttpRequest, textStatus, errorThrown) {

    local_image_upload_botton.text("error:" + textStatus);

  }

});