- 1、本文档共3页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
$ 的选择器部分 :
凡是运用 $, 其返回值是一个 object
$选择器主要用于选择标签 .基本用法是同 css 的选择器 .但是,很让人兴奋的是 ,他支持常见的浏览器 ,而 css 中很
多选择器是 IE6 所不支持的 .
基本选择器 (3 种):
$(" 标签名 "), 如 $("p") 是选取了所有的 p 标签节点
$("#id 名"), 如 $("#test") 是选取了 id 为 test 的标签节点
$(".class 名"), 如 $(".test") 是选取了所有 class 为 test 的标签节点
上面的$("标签名”)和$(".class 名")返回的都是所有满足的节点 ,至于进一步筛选可以添加一些函数 ,如eq,gt,lt
等等.
组选择器 :
下面还是现做一个约定 :把"标签名或#id 名或.class 名"记作mix,则mix表示一个标签名,或一个#id 或一
个.class.
$("mix,mix,mix,..."), 如:$("div,#test1,p,.test2,#test3")
后代选择器 :
$("mix mix"), 当然可以是多个嵌套,但后代选择器可以是深层子代 ,所以$("mix mix mix…") 这种写法作用不
大.例子:$("div .test"): 在div标签内的所有具有test的class的后代元素(就是被div嵌套的class属性为test
的标签 )
可以见 DEMO 。
子选择器 :
$("mix>mix"), 这个放在后代选择器后面是为了和它做对比 .子选择器只能选择第一代子代 .不处理深层嵌套 .例 子:
$("div>.test")
<div><p class="test"></p></div> 对这里的 p 段落标签有效 . 但对
<div><p><p class="test"></p></p></div> 对这里的 p 段落标签无效 , 这里要用
$("div .test)
5. 临近选择器
$("mix+mix"), 选取下一个兄弟节点
.如:$("div +#test"),id 为test的的节点必须是 div的下一个兄弟节点
<div></div><p id="test"></p>
在$("div + #test") 中能取到p段落节点
<div></div><p></p><p id="test"></p>
则不能取到
6. 属性选择器 :
把属性选择器不放在 css 选择器里面是因为 jQuery 中写法是不一样的 . 至于 css 中写法可以参考我之前写的一 篇 css 的选择器一文 .jQuery 中是和 xPath 类似的写法 :
$("mix[@attr]"): 选取所有该 mix 且具有 attr 属性的节点
$("mix[@attr=a_value"]): 选取所有该 mix 且具有 attr 属性并满足属性值为 a_value 的节点
$("mix[@attrA=a_value_head"]):attr $("mix[@attr$=a_value_end"]):attr $("mix[@attr*=a_value"]):attr属性的属性值是以 a_value_head 开头的
$("mix[@attrA=a_value_head"]):attr $("mix[@attr$=a_value_end"]):attr $("mix[@attr*=a_value"]):attr
属性的属性值是以 a_value_end 结尾的 属性的属性值中包含 a_value
进一步选择器 这个名称是我自己起的 , 其实选择器组合都有进一步的意思 , 你明白后面所介绍的知识即可 .
具有限定子节点选择器:$("mix1[mix2]"): 返回包含mix2的mixl节点.如:$("div[a]"): 包含a标签的div.
这个和 $("div a") 不相同 .后者表示 div 中的 a 标签 ,返回的是 a 标签对象 ,前者返回的是 div 标签对象 冒号限定结点选择器 :$("mix:condition"):mix 标签 ,并且满足限定条件 .
E:root:类型为E,并且是文档的根元素
E:nth-child(n): 是其父元素的第 n 个类型为 E 的子元素 ,基数从 1 开始
E:first-child: 是其父元素的第 1 个类型为 E 的子元素
E:last-child: 是其父元素的最后一个类型为 E 的子元素
E:only-child: 且是其父元素的唯一一个类型为 E 的子元素
E:empty: 没有子元素(包括 text 节点)的类型为 E 的元素
E:enabled
E:disabled: 类型为 E, 允许或被禁止的用户
您可能关注的文档
- (2020合同范本)劳动合同书―劳务派遣.docx
- (2020合同范本)劳动合同签署声明.docx
- (2020合同范本)委托代理协议供委托律师为代理人用.docx
- (2020合同范本)续签劳动合同典型案例辨析.docx
- (2020合同范本)计时工劳动协议书.docx
- (2020合同范本)软件销售代理协议.docx
- (2020合同范本)门面出租合同范本.docx
- (2020合同范本)顾问委托合同.docx
- (6)2013年特岗教师公开招聘2.docx
- (word)《双曲线》典型例题12例(含标准答案).docx
- 安徽省淮北市2024届高三第二次模拟考试语文试题.doc
- 宁夏银川一中、云南省昆明一中2024届高三联合考试二模语文试卷(解析版).doc
- 河南省郑州市十所省级示范性高中2024届高三高考语文模拟试卷.docx
- 辽宁省大连市2023-2024学年高三下学期二模考试语文试题(解析版).doc
- 陕西省榆林市2024届高三下学期第三次模拟检测(三模)语文试题(解析版).doc
- 点阵数码笔笔迹采集与数据传输规范.pdf
- 交通基础设施施工隐患辨识与风险管控技术指南.pdf
- 中高压绝缘栅双极型晶体管(IGBT)驱动器.pdf
- 工业废水电化学处理技术规范 第1部分:总则.pdf
- 肉牛福利调运操作规程.pdf
文档评论(0)