获取子元素的时候 div span ;与 div>span 到底有什么区别

获取子元素的时候 div span ;与 div>span 到底有什么区别,第1张

div span  是获取所有div下的所有(子元素和子孙元素)span标签,

div>span是获取所有div下子元素中的span,不获取孙元素或者更深层次的元素。

<div>

   <span id="span1"></span>

  <a href="#">

      <span id="span2"></span>

  </a>

</div>

比如上面这段代码,你使用div span获取可以获取到span1和span2,使用div>span获取只能获取到span1

form有id或者是class吗?或者它的子孙元素有也可以。。如果没有的话,寻找这个form会比较麻烦。。但如果页面只有这一个form的话倒是可以,如下:

$("form")eq(0)attr("name","lo_form");

就这一行代码OK。

但还是有id或class好一些,因为上面代码如果在你有多个form的时候就不可以这样用了。比如如果form的id=fr,那么这样写:

$("#fr")attr("name","lo_form");

form的class=fr的话,你得知道它是第几个,这个是和第一行的代码效果一样的,其中eq(0)指的是第一个的意思,eq(1)就是第二个。这样来写:

$("fr")eq(0)attr("name","lo_form");

如果你的form里有一个元素,它有id属性,那也好说,比如form里有一个id=child的元素,那么这样写:

$("#child")parent("form")attr("name","lo_form");

而如果你的form外面被套着一个元素,它有id属性,那一样好说,比如form外面还有个div,它的id=parent,那么这样写:

$("#parent")children("form")attr("name","lo_form");

ok,把你能遇到的基本都说了,应该有一个能用上吧。

jQ("#objcect")find("label > input[name]") 是在id为objcect的元素中查找所有label元素的所有带name属性的input元素,且input元素必须是label元素的直接子元素(换句话说只能是子元素,不能是孙子元素或其他后代元素)。比如下面的

<div id="objcect">

<label>

<input name="a" value="这个元素会被选中" />

<span><input name="b" value="这个元素不会被选中" /></span>

</label>

</div>

以上就是关于获取子元素的时候 div span ;与 div>span 到底有什么区别全部的内容,包括:获取子元素的时候 div span ;与 div>span 到底有什么区别、jquery form 添加name、jQ选择器 jQ("#objcect").find("label > input[name]")是什么意思等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9561910.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存