跟着Jquery API学Jquery之一 选择器.doc

跟着Jquery API学Jquery之一 选择器.doc

ID:48745016

大小:47.01 KB

页数:7页

时间:2020-02-27

跟着Jquery API学Jquery之一 选择器.doc_第1页
跟着Jquery API学Jquery之一 选择器.doc_第2页
跟着Jquery API学Jquery之一 选择器.doc_第3页
跟着Jquery API学Jquery之一 选择器.doc_第4页
跟着Jquery API学Jquery之一 选择器.doc_第5页
资源描述:

《跟着Jquery API学Jquery之一 选择器.doc》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Jquery选择器是最基本的操作了,当我们用原生的javascript的时候,我们为了选择一个对象不得不花费九头二虎之力,有了Jquery的选择器,吃饭饭饭香,身体倍棒……1.基本   我们知道jquery最常用的就是选择器了,我们看一下jqueryAPI中的选择器—基本中有5种情况class,id,element,*,还有一个多选择器,这里我们想一下css样式的写法css样式也有几种情况:1.类样式2.id样式3.标签样式,1.如果有一个aa的类,那么我们定义aa的样式就要写成 .aa{}2.如果有一个bb的id,那么我们定义bb的样式就要写成#bb{}3.如果有标签

2、div>,那么我们定义的样式就写成div{}4.如果我们要定义所有的标签样式,那我们就写成*{}(当然这样简写不太好)5.如果我们要定义多个标签之类的就用分号来分开比如.aa,#bb,div{}就定义了class为aa,id为bb,标签为div的样式了。我们看到上面5个如果,在和jquery的5个基本的选择器对比一下1.如果我们要选择一个aa的类就写成$(“.aa”)2.如果我们要选择一个bb的id就写成$(“#bb”)3.如果我们要选择div的标签就写成$(“div”)1.如果我们要选择所有就写成$(“*”)2.如果我们要选择多个对象就写成$(“.aa,#bb,div”) 对比一下

3、,发现基本的选择器完全是按在css的语法在操作,是不是很容易呢 2层次 我们现在知道了上面5个选择器的写法之后,现在我们来考虑如果对层次做选择器,先想一下什么是层次,其实说的就是HTML的DOM结构一层一层的,或者说XML的结构层次 那我们就打开jquery的Api,发现有4个关于层次的选择器。 归纳一下就是 a空格b,a>b,a+b,a~b当然我这里只是为了少打几个字而已, 比如有如下的一个结构 

12
3
4<

4、span>

1.我们现在想选择id为aa节点下所有的span节点,就用$(“#aaspan”)2.我们现在想选择id为aa节点下第一层的span就是span中文本为3,4的两个,就用$(“#aa>span”)3.我们现在想得到跟在class为bb后的那个span就是span中文本为3的那个,就用$(“.bb+span”)4.现在我们想得到class为bb后所有的span就用$(“.bb~span”)总结一下:第一个的写法还是css样式的写法一样用空格表示节点下的元素         第二个用>来表示子节点,和空格不同的是它只作用在第一层         第三个第四个都是用来

5、表示跟随节点,只不过不同的是用+号表示紧接着的用~表示所有跟随的我们是需要记住(空格>+~)四个符号就可以了 3简单 我们知道了基本的选择器和层次的选择器,有时候我们选择出的是多个比如 

    1
  • 2
  • 3
  • 4
      我们想得到ulli的第一个(first),最后一个(last),基数行(odd),偶数行(even)匹配第三个(eq(2)),匹配大于2行(gt(1)),匹配小于第三行(lt(2)),这里说了7个那么我们要怎么来写这个选择器呢,比如匹配第一个$(“ulli:first”),匹配第

6、三个$(“ulli:eq(2)”) ,其他的就不写了这里我们想一下css中a链接的几种样式的的写法a:hovera:link……是不是一样呢     好了这里我们看了7种,在看看api还有3种是什么呢,1:not去除所有与给定选择器匹配的元素语法一样$(“ulli:not(#aa)”)意思是去掉在ulli里面的含有id为aa的元素元素我们用$(“ulli”)能够得到4个li用     $(“ulli:not(#aa)”)就去掉了第一个li只得到了三个2:header只是用来选择h1h2h3……这样的标题3:animated匹配执行动画的元素 还是总结一下,上面的这几个其实就是对已经选

7、择出来的在一次的做筛选。建立在基础和层次上面。 4文本可见性 继续往下看api,文本中有4个函数,当然功能还是对已经选择出来的内容做再次的筛选 上面是对节点的筛选,现在我们要对内容筛选 1

xxiu
xxiuzhang
zhang
5  1.包含指定文本$("div:contains(xxiu)")我们希望我们所选择的div的文本中含有xxiu这个字符

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签