前端

最新推荐文章于 2024-09-08 23:48:34 发布

射雕大侠

最新推荐文章于 2024-09-08 23:48:34 发布

阅读量366

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zzq156532/article/details/73610640

本文介绍了适合不同场景的前端框架选择，包括YDUI、layui和weui，并详细解析了使用jQuery进行DOM元素节点操作的方法，如获取父节点、兄弟节点及子节点等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

框架选型

YDUI http://www.ydui.org/ 适合电商网站
layui http://www.layui.com/ 适合普通网站
weui https://github.com/weui/weui 微信页面

jquery元素节点操作

<ul class="par">
  <li id="firstli">
    <h3 class="title">条目一</h3>
    <ul class="par">
      <li id="dwtedx">第一项</li>
      <li>第二项</li>
    </ul>
  </li>
</ul>

获取父节点：
$("#dwtedx").parent().parent();//取得id为firstli的li节点
$("#dwtedx").parent().parent(".par");//取得最上面的ul节点
$("#dwtedx").parent(".par");//取得向上第一层的ul节点
$('#dwtedx').parents('.par');//可以找出所有class为.par的节点
$('#dwtedx').closest('.par'); //可以找出一个父节点、就是上面一层的那个

获取兄弟节点
$(".title").parent().find('ul');//找到自己的兄弟节点ul 就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul
$(".title").siblings('ul');//找到自己的兄弟节点ul
$(".title").next();//找到自己下一个兄弟节点

获取子节点
$(".par:first-child");//匹配第一个子元素
$("#firstli").find("h3");//找到子兄弟节点h3
$("#firstli").children("h3.title");//取得子节点h3、class为title