时间:2021-05-26
今天学习jQuery的选择器:
jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器。
基本选择器:id,class,标签名,*,元素组合(div,span,p.myClass)
层次选择器:
难点: jquery中子元素和后代元素的区别
后代,就是当前元素的所有后代,都算,
子元素,就是当前元素的子集,再往下走就不算了。
具体的分析可以参考:
复制代码 代码如下:
<div>This is <strong>very</strong> important.</div>
<div>This is <em>really <strong>very</strong></em> important.</div>
以上是html。运行后在浏览器里是看到
This is very important.
This is really very important.
这样的样式,为了容易看到效果,我们不妨就尝试用添加css颜色来试一下
如果运行$("div strong").css("color","red");就是把div的后代元素strong变为红色。运行后是
This is very important.
This is really very important.
如果运行$("div>strong").css("color","blue");就是把div的子元素strong变为蓝色。运行后是
This is very important.
This is really very important.
可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery后代选择器用法。分享给大家供大家参考。具体分析如下:后代选择器匹配给定的祖先元素下用以匹配的所有后代元素。点击选择器可以查阅参考手册中
JQuery遍历首先我们要知道什么是父亲,儿子,后代,同胞,祖先•元素是的父元素,同时是其中所有内容的祖先。•元素是元素的父元素,同时是
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考,具体如下:层叠选择器如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相
与后代选择器相比,子元素选择器(Childselectors)只能选择作为某元素子元素的元素。选择子元素如果您不希望选择任意的后代元素,而是希望缩小范围,只选择
本文实例讲述了jQuery中has()方法用法。分享给大家供大家参考。具体分析如下:此方法保留包含特定后代的匹配元素。.has()方法将会从原始的jQuery对