jQuery中一些函数

siblings()：方法返回被选元素的所有同级元素。同级元素是共享相同父元素的元素。该方法沿着 DOM 元素的同级元素向前和向后遍历。

$(selector).siblings(filter)  

filter:可选元素；搜索同级元素范围的选择器表达式。

data()：方法向被选元素附加数据，或者从被选元素获取数据。

自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。

 

<div id="awesome" data-myid="3e4ae6c4e">Some awesome data</div>

 

使用jQuery的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj)，

可以用下面的写法读取 data-myid属性值：

var myid= jQuery("#awesome").data('myid');
console.log(myid);

还可以在"data-*" 属性里使用json语法，

<div id="awesome-json" data-awesome='{"game":"on"}'></div>

可以通过js直接访问这个数据，通过json的key值，能得到相应的value：

var gameStatus= jQuery("#awesome-json").data('awesome').game;
console.log(gameStatus);

也可以通过.data(key,value)方法直接给"data-*" 属性赋值

$(selector).data(name): 从被选元素中获取的数据。

$(selector).data(name,value)：添加数据