jQuery从入门到熟练(5)

三、使用 jQuery 核心函数

1、选择器

(1) 说明
选择器本身只是一个有特定语法规则的字符串, 没有实质用处它的基本语法规则使用的就是CSS的选择器语法, 并对基进行了扩展只有调用$()，并将选择器作为参数传入才能起作用$(selector) 作用 : 根据选择器规则在整个文档中查找所有匹配的标签的数组, 并封装成 jQuery 对象返回（用来查找特定页面元素）
(2) 分类
基本选择器(最基本最常用的选择器)#id：id选择器element：元素选择器.class：属性选择器*：任意标签selector1,selector2,selectorN：取多个选择器的并集（组合选择器）selector1selector2selectorN：取多个选择器的交集（相交选择器）<div class="box">div1(class="box")</div><div class="box">div2(class="box")</div><div>div3</div><span class="box">span(class="box")</span><br><ul> <li>AAAAA</li> <li title="hello">BBBBB(title="hello")</li> <li class="box">CCCCC(class="box")</li> <li title="hello">DDDDDD(title="hello")</li></ul><script src="js/jquery-1.10.1.js" type="text/javascript"></script><script type="text/javascript"> /* 需求: 1. 选择id为div1的元素 2. 选择所有的div元素 3. 选择所有class属性为box的元素 4. 选择所有的div和span元素 5. 选择所有class属性为box的div元素 */ //1. 选择id为div1的元素 // $("#div1").css("background", "red") //2. 选择所有的div元素 // $("div").css("background", "red") //3. 选择所有class属性为box的元素 //$(".box").css("background", "red") //4. 选择所有的div和span元素 // $("div,span").css("background", "red") //5. 选择所有class属性为box的div元素 //$("div.box").css("background", "red") //$("*").css("background", "red")</script>层次选择器（查找子元素、后代元素、兄弟元素的选择器）ancestor descendant：