zoukankan      html  css  js  c++  java
  • javascript基础(六): 获取节点实例 jquery获取当前节点的前一个节点

    jquery获取当前节点的前一个节点步骤如下:

    1、打开html开发工具,新建一来个html代码页面。

    2、在html页面创建三个p标签,然后给这三个p标签设置不同的2113内容。

    3、引入jquery库。在title标签后5261面引用下载好的jquery.js文件。

    4、 在jquery引用库标签后面新建一个script标签,然后在这个标签里面添加一个DOM加载4102完成后执行函数。

    5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

    6、保存html代码后使用浏览器打开,然后点击p标签弹出框就会1653显示当前点击标签的上一个标签的内容。

    相关函数示例:

    $('.test').parent();//父节点

    $('.test').parents();//全部父节点

    $('.test').parents('.test1');//含有类名.test1的父节点

    $('.test').children();//全部子节点

    $('.test').children('li');//元素为li的全部子节点

    $('.test').prev();//上一个兄弟节点

    $('.test').prevAll();//之前所有兄弟节点

    $('.test').next();//下一个兄弟节点

    $('.test').nextAll();//之后所有兄弟节点

    $('.test').siblings();//所有兄弟节点

    $('.test').siblings('.test1');//含有类名.test1的所有兄弟节点

    $('.test').find('.test1');//返回被选元素含有类名为.test1的所有后代元素;(返回全部用 * ,多个参数用 , 隔开)

    $('.test').contents();//返回元素里面所有内容,包括文本和节点

    $('.test').contents('.test1');

  • 相关阅读:
    Luogu P1962 斐波那契数列
    Luogu P2370 yyy2015c01的U盘
    Luogu P2678跳石头
    POJ3111 K Best
    表单内容相关操作
    框架集与框架.
    spring aop的使用
    sql查询的优化(六)
    mysql数据库视图(五)
    mysql数据库索引(四)
  • 原文地址:https://www.cnblogs.com/qiu-hua/p/13022271.html
Copyright © 2011-2022 走看看