初识JQuery

jQuery是一个简单的javascript代码库，还作为一个框架为我们提供了一种新的JS书写方式，简洁明了，而且很好的处理了兼容性问题，这些优越的特性使得它广受推崇，并从问世以来快速发展。正印证了jQuery的设计宗旨：

“write Less，Do More”

选择器：

jQuery的选择器是其一大特点，而且语法与CSS如此相似相似：
$('#box')通过ID，$('li')通过标签名，$('.active')通过类选择器的获取元素的兼容性也经过处理。
当然这些获得的都是jQuery的对象而不是原声对象。而jQuery对象和原生对象可以转换，jQuery对象添加下标即原声对象，而原生对象不加引号直接放在$后面的括号中就是jQuery对象了。

除此之外，通过伪类的方式还能指定你所想要的元素：

//通过具体属性找到你想要的元素
$('div[属性名="属性值"]')

//第一个         最后一个      偶数行         奇数行
$('li:first')  $('li:last')  $('li:even')  $('li:odd')
$('#div .active span')//也支持嵌套写法

//通过索引值获得当前元素，或者同级的当前位置以前的元素或以后的元素；
$('div:eq(下标)')  $('div:lt(下标)')  $('div:gt(下标)')
$('div').eq(下标)  //而且索引值可以写在外头

//siblings()可以获得当前元素的兄弟元素，括号里也能填写筛选条件；
$('.active').siblings()

简单操作

获取元素的索引值可以采用 .index()；
获取表单元素的内容采用 .val()；
获取非表单元素的内容采用 .html()；

要操作属性或者样式的话，通过.attr() .css()，根据你括号内的内容可以获取、修改单个或者批量修改样式都能做到；
添加或删除标签的class需通过 .addClass() .removeClass()；