jQuery第三天知识点总结_$("div").prev-优快云博客

本文介绍jQuery中选择和操作DOM元素的方法，包括获取元素的祖先、兄弟节点及追加、插入元素等实用技巧。

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

jquery获取元素

1、 //parents（）获取当前标签的直系长辈家族

   // console.log($("element").parents());

parent（）获取当前标签的的爸爸

    // console.log($("element").parent());

parentsUntil（“div”）获取当前标签的到div这个范围的直系父辈家族不包括当前div

    // console.log($(".active").parentsUntil("main"));

//prev()上一个

    console.log($("section").prev());

//prevAll()获取当前标签上面所有的

    console.log($("section").prevAll());

prevUntil()// 获取当前标签上面到目标标签所有的同胞元素不包括目标元素

    console.log($("section").prevUntil("div"));

//next()下一个

    console.log($("section").next());

nextAll()获取当前标签下面所有的

    console.log($("section").nextAll());

prevUntil()// 获取当前标签上面到目标标签所有的同胞元素不包括目标元素

    console.log($("section").nextUntil("p"));

jquery追加元素

append appendTo prepend prependTo

//append 结束位置追加子元素
// $(“div”).append(‘这是一个span’);
// $(“div”).append(‘这是一i’);

//将前者标签追加到后者标签的结束位置
$(“ul”).appendTo(‘div’);

//prepend 开始位置追加子元素
// $(“div”).prepend(‘

’);
// $(“div”).prepend(‘

这是一个section

’);

//将前者标签追加到后者标签的开始位置
$(“ul”).prependTo(‘div’);

before after insertBefore insertAfter

    //在当前元素前面添加一个新的兄弟元素
    $("div").before("<span>这是一个新的span</span>")
    //在当前元素后面添加一个新的兄弟元素
    $("div").after("<span>这是一个新的span</span>")


    // 将前者标签插到后者标签前面
    $("ul").insertBefore('div');
    // 将前者标签插到后者标签后面
    $("ul").insertAfter('div');