1、数据操作

【data（）】

该方法用于在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值

data(key,value)

data(obj)

data(key)

data()

$("body").data("foo",52);

$("body").data("bar",{myType:"test",count:40}};

$("body").data{{baz:[1,2,3]});

console.log($("body").data("foo"));

console.log($("body").data());

如果使用原生javascript，相当于

document.body.foo=52;

console.log(document.body.foo);

【removeData（）】

removeData()方法允许移除用.data（）绑定的值。当带name参数调用的时候，.removeData()将删除那个特有的值，当不带任何参数的时候，所有的值将被移除。

从jQuery的内部.data()缓存不影响任何在文档中的HTML5的data属性，使用.removeAttr()可以移除这些属性

当使用.removeData("name")时，如果没有这个属性名字是在内部数据缓存，jQuery将试图在元素上找到一个data的属性，为了避免重复查询data属性，

将这个名称设置为无论是null或undefined的值

removeData([name])

removeData([list])

$('body').data("test1","VALUE-1");

.data("test2","VALUE-2");

console.log($('body').data());

$('body').removeData("test1");

console.log($('body').data());

如果使用原生JavaScript，相当于

document.body.foo=52;

console.log(document.body.foo);

delete document.body.foo;

console.log(document.body.foo);

2、队列操作

【queue()】

显示或操作匹配的元素上已经执行的函数队列

queue([queueName])//queueName:String一个含有队列名的字符串，默认是fx，标准的动画队列

queue([queueName],newQueue)//newQueue:Array一个替换当前队列内容的函数组

queue([queueName],callback(next))//callback(next):Function()将要添加到队列中的新函数

被调用时，会从弹出队列中的下一个元素

var div=$("div");

div.show("slow");

div.animate({left:'+=200'},2000);

var n=div.queue('fx');

console.log(n.length);

【clearQueue（）】

从队列中移除所有未执行的项

clearQueue([queueName])

3、集合操作

【each（）】

遍历一个jQuery对象，为每个匹配元素执行一个函数

each(function(index,function(index,ELement)))

$("li").each(function(index){

console.log(index+":""+$(this).text());

});

【add（）】add（）方法添加元素到匹配的元素集合。add（）方法的参数可以几乎接受任何的$(),包括一个jQuery选择器表达式，DOM元素，或HTML片段引用

add(selector)

add(elements)

add(html)

add(jQuery object)

add(selector,context)

$('li').add('p')

$('li').add('<p id="new">new paragraph</p>')

<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

<ul>

<li>list item1</li>

<li>list item2</li>

<li>list item3</li>

</ul>

<div>div</div>

<button id="btn">按钮</button>

<script>

$('#btn').click(function(){

$('li').add('div').css('background','lightgreen');

})

</script>

【get（）】

通过检索匹配jQuery对象得到对应的DOM元素

get([index])index:Number从0开始计数，用来确定获取哪个元素

$("li").get(0)

【index（）】

从匹配的元素中搜索给定元素的索引值，从0开始计数

index([selector或element])

如果不传递任何参数给.index() 方法，则返回值就是加QUR有对象中第一个元素相对于它同辈元素的位置

如果在一组元素上调用.index(),并且参数是一个DOM元素或jQuery对象，.index()返回值就是传入的元素相对于原先集合的位置

如果参数是一个选择器，.index()返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则.index()返回-1

$('#bar').index();

listItem.Index('li');

$('li').index($('li:gt(0)'));

【toArray（）】

返回一个包含jQuery对象集合中的所有DOM元素的数组

toArray()这个方法不接受任何参数

alert($('li').toArray());

4、索引过滤

索引选择器是jQuery过滤选择器的一部分。与此同时，也存在功能相似的索引相关的方法，包括eq（），first（），last（）

【eq（）】

eq（）方法匹配元素的集合为指定的索引的哪一个元素。eq（）方法可以接受一个整数作为参数，以0为基数，若整数为负数，则从集合中的最后一个

元素开始计数

<script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

<ul>

<li>list item1</li>

<li>list item2</li>

<li>list item3</li>

<li>list item4</li>

<li>list item5</li>

</ul>

<button id="btn1">按钮一</button>

<button id="btn2">按钮二</button>

<button id="btn3">按钮三</button>

<script>

$('#btn1').click(function(){

$('li').eq(0).css('border','1px solid red');

})

$('#btn2').click(function(){

$('li').eq(-1).css('border','1px solid blue');

})

$('#btn3').click(function(){

$('li').eq(2).css('border','1px solid green');

})

</script>

【first()】

　　first()方法获取匹配元素集合中第一个元素，该方法不接受参数

【last()】

　　last()方法获取匹配元素集合中最后一个元素，该方法不接受参数