一.Jquery的基本功能
- 访问操作DOM
- 控制CSS
- 对页面事件进行处理
- 大量插件
二.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所有文本域
- 还没有人评论，欢迎说说您的想法！
客服
