500字范文,内容丰富有趣,生活中的好帮手!
500字范文 > jquery后代选择器 和子选择器区别

jquery后代选择器 和子选择器区别

时间:2022-12-29 20:08:16

相关推荐

jquery后代选择器 和子选择器区别

jQuery选择器分为基本选择器、层次选择器、过滤选择器、表单选择器

层次选择器:

难点: 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.

可以通俗的这样理解,例如有一家人三代同堂,爷爷,父亲和你,这样话爷爷的子元素就是你父亲,同时你父亲也是爷爷的后代元素,而你只是爷爷的后代元素。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。