Jquery学习笔记（一）

　　一.jquery的基本功能

1. 访问操作dom
2. 控制css
3. 对页面事件进行处理
4. 大量插件

　　二.jquery选择器

　　主要分为四种，分别是基本选择器，层次选择器，过滤选择器，和表单选择器，其中当属基本选择器用途最广泛。

　　1.基本选择器

　　　　类似于getelemenbyid（“”）<=>$("")

　　　　常用的有$("*"),$("#id"),$(".class"),$("p"),$(.class1 .class2).

　　2.层次选择器

　　　　$(“ancestor descendant”)后代选择器：选择给定祖先ancestor元素的所有后代元素，包括子元素，孙子元素等全部后代元素

　　　　$(“parent > child”)子选择器：选择所有指定”parent”元素中指定的”child”的直接子元素//注意是直接子元素

　　　　$(“prev + next”)相邻兄弟选择器：选择所有紧接在prev元素后的next元素//eg：$("#div1+div")选择id为div1的下一个div

　　　　$(“prev ~ siblings”)一般兄弟选择器：匹配“prev”元素之后的所有兄弟元素。具有相同的父元素，并匹配过滤出“siblings”选择器。//eg：$("#div1~div") 选择id为div1后的所有div

　　　　$(“prev" ).siblings("div")//eg：$("#div1").siblings("div") 选择id为div1后的所有相邻div 注意与上面进行区分

　　3.过滤选择器

　　　　（1）.简单过滤选择器

　　　　　　　　first()或者：first 获取第一个元素
　　　　　　　　last()或者：last 获取最后一个元素
　　　　　　　　：not(selector)获取除开给定选择器的其他元素
　　　　　　　　：even获取索引为偶数的元素，索引从0开始
　　　　　　　　：odd获取索引为奇数的元素，索引从0开始
　　　　　　　　：eq(index)获取制定索引元素，从0开始
　　　　　　　　：gt(index)获取大于给定索引的元素，从0开始
　　　　　　　　：lt(index)获取小于给定索引的元素，从0开始

　　　　（2）.内容过滤选择器　

　　　　　　　　:contains(text) 获取包含给定文本的元素

　　　　　　　　:empty 获取所有不包含子元素或文本的空元素

　　　　　　　　:has(selector)获取所有选择器所匹配的元素的元素

　　　　　　　　:parent 获取含有子元素或文本的元素

　　　　(3).可见性过滤选择器

　　　　　　　　:hidden获取所有不可见元素或type为hidden的元素

　　　　　　　　:visible获取所有可见元素

　　　　（4）.属性过滤选择器

　　　　　　　　[attribute=|!=|^=|$=|*=value]给定属性等于，不等于，以某些值开始，以某些值结尾，包含某些值eg：$("div[title='a']")

　　　　（5）.子元素过滤选择器

　　　　　　　　:first-child/:last-child获取每个父元素下第一个或最后一个元素

　　　　　　　　:only-child获取父元素下仅有一个子元素

　　　　　　　　:nth-child(eq|even|odd|index)获取特定元素索引号为1

　　　　（6）.表单对象属性选择器

　　　　　　　　:enabled/:disable表单中属性可用/不可用

　　　　　　　　:checked/:selected获取表单中所有被选中/被选中option的元素

　　　　4.表单选择器

　　　　　　　　:input所有input

　　　　　　　　:text所有文本域