您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery中子元素和后代元素的区别示例介绍

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 后代,就是当前元素的所有后代,都算,子元素,就是当前元素的子集,再往下走就不算了

今天学习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.    可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。