跟着JqueryAPI学Jquery之一选择器.docx
《跟着JqueryAPI学Jquery之一选择器.docx》由会员分享,可在线阅读,更多相关《跟着JqueryAPI学Jquery之一选择器.docx(6页珍藏版)》请在三一文库上搜索。
1、Jquery 选择器是最基本的操作了,当我们用原生的javascript的时候,我们为了选择一个对象不得不花费九头二虎之力,有了 Jquery的选择器,吃饭饭饭香,身体倍棒 1.基本我们知道jquery 最常用的就是选择器了,我们看一下 jqueryAPI中的 选择器一基本 中有5种情况class ,id ,element, *,还有一个多选择器,这里我们想一下css样式的写法css样式也有几种情况:1.类样式2.id样式3.标签样式,1 .如果有一个aa的类,那么我们 定义aa的样式就要写成.aa2 .如果有一个bb的id,那么我们定 义bb的样式就要写成#bb3 .如果有标签, 那么 我们
2、定义的样式就写成div4 .如果我们要定义所有的标签样式, 那我们就写成*(当然这样简 写不太好)5 .如果我们要定义多个标签之类的就用分号来分开比如.aa,#bb,div就定义了class 为 aa , id 为 bb ,标签为 div 的样式了。我们看到上面5个如果,在和jquery 的5个基本的选择器对比一下1 .如果我们要选择一个aa的类就写成 $( .aa”)2 .如果我们要选择一个bb的id就写成$( #bb”)3 .如果我们要选择div的标签就写成$( div”)4 .如果我们要选择所有就写成$( “ * ”5 .如果我们要选择多个对象就写成$ ( .aa,#bb,div对比一下
3、,发现基本的选择器完全是按在css的语法在操作,是不是很容易呢2层次我们现在知道了上面 5个选择器的写法之后,现在我们来考虑如果对层次做选择器,先想一下什么是层次,其实说的就是HTML的DOM结构一层一层的,或者说 XML的结构层次那我们就打开jquery的Api ,发现有4个关于层次的选择器。归纳一下就是 a空格b , ab , a+b , ab当然我这里只是为了少打几个字而已,比如有如下的一个结构12341 .我们现在想选择id为aa节点下所 有的span节点,就用 $( #aa span )2 .我们现在想选择id为aa节点下第 一层的span 就是span中文本为3 , 4的两个,就用
4、$( #aa span )3 .我们现在想得到跟在 class为bb 后的那个span就是span中文本 为3的那个,就用$( .bb+span)4 .现在我们想得到class为bb后所 有的 span 就用 $( .bbspan)总结一下:第一个的写法还是css样式的写法一样用空格表示节点下的元素第二个用 来表示子节点,和空格不同的是它只作用在第一层第三个第四个都是用来表示跟随节点,只不过不同的是用+号表示紧接着的用表示所有跟随的 我们是需要记住(空格 + )四个符号就可以了3简单我们知道了基本的选择器和层次的选择器,有时候我们选择出的是多个比如li id = aa d234我们想得到ul
5、li的第一个(first ),最后一个(last ),基数行(odd ),偶数行(even ) 匹配第三个(eq (2),匹配大于 2行(gt (1),匹配小于第三行(lt (2),这里 说了 7个那么我们要怎么来写这个选择器呢,比如匹配第一个$( ul li:first ;匹配第三个$( ul li:eq(2)”),其他的就不写了这里我们想一下 css中a链接的几种样式的的写法a: hover a:link 是不是一样呢好了 这里我们看了 7种,在看看api还有3种是什么呢,1 :not 去除所有与给定选择器匹配的元素语法一样$( ul li:not(#aa) 意思去掉在ul li里面的含有
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 跟着 JqueryAPI Jquery 之一 选择器
![提示](https://www.31doc.com/images/bang_tan.gif)
链接地址:https://www.31doc.com/p-14545332.html