跟着Jquery API学Jquery之一 选择器
2020-02-28 04:06:11
供稿：网友
有了Jquery的选择器，吃饭饭饭香，身体倍棒……
1.基本
我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法
css样式也有几种情况：1.类样式 2.id样式 3.标签样式，
如果有一个aa的类 ，那么我们定义aa的样式就要写成 .aa{}
如果有一个bb的id，那么我们定义bb的样式就要写成 #bb{}
如果有标签<div></div>,那么我们定义的样式就写成 div{}
如果我们要定义所有的标签样式，那我们就写成 *{} （当然这样简写不太好）
如果我们要定义多个标签之类的就用分号来分开 比如 .aa,#bb,div{} 就定义了 class为aa，id为bb，标签为div的样式了。
我们看到上面5个如果 ，在和jquery的5个基本的选择器对比一下
如果我们要选择一个aa的类就写成 $(“.aa”)
如果我们要选择一个bb的id就写成$(“#bb”)
如果我们要选择div的标签就写成$(“div”)
如果我们要选择所有就写成 $(“*”)
如果我们要选择多个对象就写成 $ (“.aa,#bb,div”)
对比一下，发现基本的选择器完全是按在css的语法在操作，是不是很容易呢
2层次
我们现在知道了上面5个选择器的写法之后，现在我们来考虑如果对层次做选择器，
先想一下什么是层次，其实说的就是 HTML的DOM结构 一层一层的，或者说XML的结构层次
那我们就打开jquery的Api ，发现有4个关于层次的选择器。
归纳一下就是 a空格b，a>b ，a+b，a~b 当然我这里只是为了少打几个字而已，
比如有如下的一个结构
代码如下:
<div>
<div class="bb">
<span>1<span><span>2<span>
</div>
<span>3<span>
<div class=”cc” ></div>
<span>4<span>
</div>
我们现在想选择id为aa节点下所有的span节点 ，就用 $(“#aa span”)
我们现在想选择id为aa节点下第一层的span 就是span中文本为 3，4的两个，就用 $(“#aa >span”)
我们现在想得到跟在class为bb后的那个span 就是span中文本为3的那个，就用$(“.bb+span”)
现在我们想得到class为bb后所有的span 就用$(“.bb~span”)
总结一下：第一个的写法还是css样式的写法一样 用空格表示节点下的元素
第二个用>来表示子节点，和空格不同的是它只作用在第一层
第三个第四个都是用来表示跟随节点，只不过不同的是用+号表示紧接着的用~表示所有跟随的 我们是需要记住 (空格 > + ~ )四个符号就可以了
3简单
我们知道了基本的选择器和层次的选择器，有时候我们选择出的是多个比如
代码如下:
<ul>
<li id='aa'>1</li>
<li>2</li>
