一:jQuery 选择器 jQuery 选择器可分为基本选择器和过滤选择器 基本选择器又分为CSS 选择器,层级选择器以及表单域选择器
CSS 选择器 1 id 选择器 用于选择具有给定 id 属性值的单个元素
//选择id 为myid 的元素并对其边框样式进行设置
$("#myid")
css("border","3px solid red"); 2 类选择器 用于选择具有给定类的所有元素
//选择具有给定类的所有元素
myClass")
css("border","3px solid red"); 3 元素选择器 用于选择具有给定 HTML 标记名的所有元素
//选择文档中的所有 div 元素
$("div"); 4 群组选择器 用于所有指定的选择器组合的结果
//选择文档中的所有 div,span 以及应用 myclass 类的 p 元素
$("div,span,p
myclass); 5 通用选择器 用于从文档中获得所有元素
//下列代码用于选择所有元素,然后显示出当前页面中的元素总和
var elementCount=$("*")
length; $("body")
prepend("当前页面中共有"+elementCount+"个元素
"); 层级选择器 1 子元素选择器 在给定的父元素下查找所有的直接子元素
//选择父元素下的直接子元素(li)并对其边框进行样式设置
topnav>li")
css("border","3px double red"); 2 后代元素选择器 在给定的祖先元素下查找所有的后代元素
//用于选择表单下的所有后代元素并对其边框样式进行设置
$("form input")
css("border","2px dotted blue"); 3 紧邻同辈元素选择器 用于选择紧跟给定元素之后的