现在的位置: 首页 > 综合 > 正文

jquery基础

2017年11月27日 ⁄ 综合 ⁄ 共 883字 ⁄ 字号 评论关闭

1.CSS选择器:

1>标签选择器--以文档元素作为选择符   E{CSS规则}

2>ID选择器--以文档元素的惟一标识符ID作为选择符  #ID{ CSS规则}

3>类选择器--以文档元素的class作为选择符  E.className{ CSS规则}

4>群组选择器--多个选择符应用同样的样式规则  E1,E2,E3{ CSS规则}

5>后代选择器--元素E的任意后代元素F   E F{ CSS规则}

6>通配选择符--将文档的所有元素作为选择符  *{ CSS规则}

2.jQuery选择器:

$()函数在很多javascript类库中都被作为一个选择函数来使用。在jquery中也不例外。其中$("#ID")用来替换document.getElmentById()函数,即通过ID获取元素;$("tagName")用来代替document.getElementsByTagName()函数,即通过标签名来获取HTML元素

        1>基本选择器(Basic):

a. #id--根据给定的id匹配一个元素,它返回的是单个元素(如果存在),如果不存在就返回一个空的jQuery对象  例:$("#test")选取ID为test的元素

b. .class--根据给定的的类名匹配元素,它返回的是集合元素,无论该css类是否真的存在,只要定义在元素中就能被jquery查询到 例:$(".text")选取所有class为test的元素

c. element--根据给定的元素名匹配元素,它返回的是集合元素 例:$("p")选取所有的p元素

d.  *--匹配所有的元素,它返回的是集合元素 例:$("*")选取所有的元素

e. selector1,selector2...seletorN--将每一个选择器匹配到的元素合并一起后返回,它返回的是集合元素,例:$("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素 

2>层次选择器(Level):

a. $("ancestor descedant")

3>过滤选择器(Filter):

4>表单选择器(Form):

抱歉!评论已关闭.