jq的取值赋值的方法如下：
当有一组li的时候，取值取的是第一个
但是当设置的时候，设置的是所有的li
jq方法里面只有一个参数的话表示获取，有两个方法的话表示设置。
下面的方法作用是将除了id为box的div的背景颜色改为红色
jq中not方法的作用和filter方法的作用相反，filter是将这个元素选出来，not是将这个除去。
jq的has方法作用是判断这个元素中有没有包含某个元素。下面这句话的作用就是判断div里面有没有包含span标签，有的话就将这个div的背景置为红色。
上面的布局文件，下面的jq语句只会使第一div的背景变红，因为只有第一个div里面的元素包含得有.box。而第二个是其本身有，没有包含。
上面的布局，执行下面的jq语句，会使span标签的背景颜色变为红色。next()方法表示找到下一个兄弟节点
jq的prev（）方法是指上一个兄弟节点。
jq的find()方法作用是找到该元素下的节点，下面例子的作用是找到div元素下标签为h2的元素并将它们的背景颜色改为红色
jq的eq()方法作用是找到该元素下的第几个节点，下面例子的作用是找到div元素标签为h2的元素下的下标为h2的元素并将它们的背景颜色改为红色
jq的index()方法作用是得到该元素在其兄弟节点中的位置。
/*window.onload = function(){
var oDiv = document.getElementById('div1');
var aInput = oDiv.getElementsByTagName('input');
var aCon = oDiv.getElementsByTagName('div');
for(var i=0;i<aInput.length;i++){
aInput[i].index = i;
aInput[i].onclick = function(){
for(var i=0;i<aInput.length;i++){
aInput[i].className = '';
aCon[i].style.display = 'none';
}
this.className = 'active';
aCon[this.index].style.display = 'block';
};
}
};*/
上面的这一段js代码等同于下面的jq代码，
$(function(){
$('#div1').find('input').click(function(){
$('#div1').find('input').attr('class','');
$('#div1').find('div').css('display','none');
$(this).attr('class','active');
$('#div1').find('div').eq( $(this).index() ).css('display','block');
});
});
html结构如下：<body>
<div id="div1">
<input class="active" type="button" value="1" />
<input type="button" value="2" />
<input type="button" value="3" />
<div style="display:block">111111</div>
<div>222222</div>
<div>333333</div>
</div>
</body>
实现了简单的选项卡