JQuery学习

JQuery就是对JS的一个封装，它对常用的JS操作进行封装，方便我们使用。

通过script标签的src属性导入：<script src="jquery-1.11.0.min.js" />

JQuery选择器（指定对哪个元素进行操作）

id选择器：$("#id值")
class选择器：$(".class值")
元素选择器：$("元素名")
选择所有元素：$("*")

body内所有div元素：$("body div")
body内，子元素是div：$("body>div")
id为one的下一个div元素：$("#one+div")
id为two的元素，后面所有div兄弟元素:$("#two~div")

第一个Div：$("div:first")
最后一个Div：$("div:last")
索引为基数的Div：$("div:odd")
索引为偶数的Div：$("div:even")
索引为index的Div：$("div:eq(index)")
索引大于index的Div：$("div:gt(index)")
索引小于index的Div：$("div:lt(index)")

div中含有class为mini的元素：$("div:has(.mini)")

div中所有不可见元素：$("div:hidden")
div中所有可见元素：$("div:visible")

div中含有属性title的元素：$("div[title]")
div中含有属性title，且title值为test：$("div[title='test']")

form中所有的表单子元素：$("form  :input")

input中可用的元素：$("input:enabled")
input中不可用的元素：$("input:disabled")
input中被勾选的元素：$("input:checked")
input中被选中的元素：$("input:selected")

触发JQuery动作（对元素如何操作）

1,页面加载完成:
    $(function(){
        函数体；
    })

2,派发事件：
$("选择器").click(function(){
    函数体；
});

$("选择器").submit(function(){
    函数体；
});

$("选择器").blur(function(){
    函数体；
});
$("选择器").focus(function(){
    函数体；
});
....