Jquery 学习日记

身为一个JAVA 工程师入门新手，在工作中，我一直以为，前端或者某些简单java常识在工作中只要百度下或者写个小程序测试下就可以了，现学现用，重要的是思维。但是工作经验告诉我，好的基础可以事半功倍，虽然很多东西在用时可以百度，但是对于项目来说，这时间浪费的有点多了，在今天面试中，关于Jquery，虽然曾经接触，但是不是很熟悉，现在打算从小处开始学习，顺便做下笔记：
使用软件：Hbuiler（谢谢前公司的培养）

Jquery之选择器
1）基本选择器制只做写注释说明，不写代码

选择器	描述	返回	示例
#id	根据id匹配一个元素	一个元素	$(“test”)选取id为test 的元素
.class	根据给定的类名匹配元素	集合元素	$(“.test”)选取class 为test 的元素
#id	根据id匹配一个元素	一个元素	$(“test”)选取id为test 的元素
element	根据给定的元素名匹配元素	集合元素	$(“p”) 选取所有 元素
*	匹配所有元素	集合元素	$(“*”) 选取所有元素
selector1,selector2 …selector n	将每个选择器匹配到元素合并后一起返回	集合元素	$(“div,span,p,myclass”)选择div，span 元素和myclass 类的元素一起返回

2）层次选择器：

选择器	描述	返回	示例
$(“ancestor descendant”)	选择先辈元素中所有的后代元素	集合元素	$(“div span”) 选取div中所有的span元素
$(“paretn>child”)	选取parent 下的child 元素，和上面的有区别，$(“ancestor descendant”)表示后代所有的元素	集合元素	$(“div>span”) 选取div中元素名为的span子元素
#id	根据id匹配一个元素	一个元素	$(“test”)选取id为test 的元素
$(‘prev+next’)	选取prev元素后面首个next属性的元素	集合元素	$(‘.one+div’)选取class为one的下一个div兄弟元素 .注释，这里等价于Jquery(“.one”).next(“div”)
$(‘prev~siblings’)	选取prev元素后面所有siblings属性的元素	集合元素	$(‘#two~div’)选取id为two的后面所有的div兄弟元素~~~注释，这里等价于Jquery(“#two”).nextAll(“div”)

注释：jquery等价于$（可能是非法表示）
3）过滤选择器

选择器	描述	返回	示例
:first	选取第一个元素	一个元素	$(“div:first”)选取所有div的第一个元素
:last	选取最后一个元素	一个元素	$(“div:last”)选取所有div的最后一个元素
:not(selector)	选取所有不是给定选择器的元素	集合元素	$(“input:not(.myclass)”)选取class不是myclass的所有元input素
:even	选取索引是偶数的所有元素，索引从0开始	集合元素	$(“input:even”) 选取所有索引是偶数的input元素
:odd	选取索引为奇数的所有元素，索引从0开始	集合元素	$(“input:odd”) 选取所有索引是奇数的input元素
:eq(index)	选取索引为index的元素，index从0开始	单个元素	$(“input:eq(index)”)选索引为index 的input元素
gt(index)	选择索引大于Index的input元素	集合元素	$(“input:gt(index)”)选取索引大于index 的input元素
lt(index)	选择索引小于Index的input元素	集合元素	$(“input:lt(index)”)选取索引小于index 的input元素
:header	获取所有标题元素如h1,h2..hn	集合元素	$(“:header”)选取网页中所有的标题元素如h1,h2
:animated	选取当前正在执行动画的所有元素	集合元素	$(“div:animated”) 选取当前正在执行动画的所有div元素

未完待续…