# 注：jquery需要导包  格式<script type="text/javascript" src="jquery-3.2.1.js">></script>

1.读写节点html内容：

       node.html();  // 读取节点里的所有内容（文本和标签等信息）；

node.html( " " ); // 往该节点写入html内容，里面的内容会被覆盖。

     eg： $("p").html("修改后");

2.读写节点文本内容

     node.text();

     node.text(" ");  // 文本内容与html内容的区别在于文本内容只包含文本，没有其他html的元素（标签等）

3.增加节点： var p1=$( "<p>创建一个p节点</p>" );

4.插入节点：

             parent.append(p1); //将p1节点作为最后一个子节点插入；

            eg(例子):$("body").append(p1); 

            parent.prepend(p1); // 将p1节点作为第一个子节点插入；

           brother.afetr(p1); //作为弟弟（同级下一个）节点插入

           brother.afetr(p1); //作为哥哥（同级上一个）节点插入

5.删除节点：

          node.remove(); // 删除节点

         eg：$("p").remove();

        node.remove(选择器)； //删除满足选择器的节点

        node.empty(); //删除节点的内容，但保留标签

6.样式操作

      node.addClass(" "); //追加样式，参数中传入一个类

     eg: $("p").addClass("size");

     node.removeClass(" "); //移除指定样式

    node.removeClass();  //移除所有样式

   toggleClass(" ");   //在设置和取消中切换

     hasClass(" ");   //判断是否有某个样式

    node.css("","").css("","") ;   //设置样式的值，可多个

7.遍历节点的操作

　　parent.children() / parent.children(选择器):访问直接的子节点

       node.next(); // 访问下一个兄弟（同一个父类的同级元素）节点；

       node.prev(); //访问上一个兄弟节点

      node.sibling();// 访问所有的兄弟节点

      node.find();//  查找所有后代节点

      node.parent();  //查找父节点

    

    

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title><style type="text/html">　　.size{　font-size:30px;　 }

</style>
</head>
<body>
        <p>示范文本</p>
       <img src="">

</body>
</html>

jquery的读、写、增、删、查方法的更多相关文章

  1. jQuery调用WebService实现增删改查的实现

    第一篇博客,发下我自己写的jQuery调用WebService实现增删改查的实现. 1 <!DOCTYPE html> 2 3 <html xmlns="http://ww ...

  2. Spring Data CrudRepository增删改查方法（八）

    CrudRepository   的主要方法 long count(); boolean exists(Integer arg0); <S extends StudentPO> S sav ...

  3. Django REST framework 五种增删改查方法

    Django-DRF-视图的演变   版本一(基于类视图APIView类) views.py: APIView是继承的Django View视图的. 1 from .serializers impor ...

  4. 通用mapper的增删改查方法 留存 备忘

    Mybatis通用Mapper介绍与使用   前言 使用Mybatis的开发者,大多数都会遇到一个问题,就是要写大量的SQL在xml文件中,除了特殊的业务逻辑SQL之外,还有大量结构类似的增删改查SQ ...

  5. PHP数据库的 增 删 查

    一.匹配数据库登录 步骤: 1.做一个普通的登录界面,注意提交方式为post. <!--登录界面--> <form action="chuli.php" meth ...

  6. jquery 对select option 增删改查

    一.查 jQuery获取select的Text和Value: 代码如下: 1.当select添加选择事件,当选择其中一项时触发:          $("#select_id"). ...

  7. 关于单链表的增删改查方法的递归实现(JAVA语言实现)

    因为在学习数据结构,准备把java的集合框架底层源码,好好的过一遍,所以先按照自己的想法把单链表的类给写出来了; 写该类的目的: 1.练习递归 2.为深入理解java集合框架底层源码打好基础 学习的视 ...

  8. jQuery之必会增删改查Dom操作

    .next  .prev <button>change</button> <span class = '.demo'>aaa</span> <p ...

  9. classLIST元素增删改查方法

    window.onload=function () { var oDiv=document.getElementsByTagName('div')[0]; var oInP=document.getE ...

  10. [jQuery EasyUI系列] 创建增删改查应用

    一.数据收集并妥善管理数据是网络应用共同的必要.CRUD允许我们生产页面列表并编辑数据库记录. 本文主要演示如何使用jQuery EasyUI实现CRUD DataGrid. 将使用到的插件有: da ...

随机推荐

  1. WEB前端资源项目整合

    WEB前端资源项目整合 vue.js高仿饿了么(1-13章全)链接:https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw提取码:25z9 Vue.js 2.5 ...

  2. leetcode349 350 Intersection of Two Arrays & II

    """ Intersection of Two Arrays Given two arrays, write a function to compute their in ...

  3. Django（十）模型：django模型类对数据库的：增/删/改/查、自关联、管理器、元选项（指定表名）

    一.插入.更新和删除 调用一个模型类对象的save方法的时候就可以实现对模型类对应数据表的插入和更新. 调用一个模型类对象的delete方法的时候就可以实现对模型类对应数据表数据的删除. 二.自关联 ...

  4. JuJu团队11月28号工作汇报

    JuJu团队11月28号工作汇报 JuJu   Scrum 团队成员 今日工作 剩余任务 困难 于达 解决了数据接口的bug 生成generator形式, 并用熟悉Julia处理数据的方法 处理数据步 ...

  5. 我编写的EEPROM 上位机软件

    进入模式: 上位机发送 消息 上位机EEPROM 按下进入模式 消息的ID号是:0x08111111 数据是: 00 01 ff 00 00 00 00 00 上位机显示 运行状态 :为进入模式 当我 ...

  6. UVA - 816 Abbott's Revenge（bfs）

    题意:迷宫从起点走到终点,进入某点的朝向不同,可以出去的方向也不同,输出最短路. 分析:因为朝向决定接下来在该点可以往哪里走,所以每个点需要有三个信息:x,y,d(坐标和进入该点的朝向),所以将起点的 ...

  7. 树莓派3b安装Windows10 Arm

    感谢老外的这个项目:https://github.com/WOA-Project/WOA-Deployer-Rpi 还有这个:https://uupdump.ml/ 首先从https://uupdum ...

  8. 《新标准C++程序设计》3.3-3.4（C++学习笔记7）

    1.构造函数.析构函数和变量的生存期 构造函数在对象生成时会被调用,析构函数在对象消亡时会被调用. 程序示例分析: (1) #include<iostream> using namespa ...

  9. U盘安装Debian KDE 输入法 Manjaro Linux WPS 字体

    Manjaro: 首先下载Manjaro Linux,然后用USBWriter(https://pan.baidu.com/s/1bZGb5k)写入,重启选择USB启动. 更改软件仓库(Debian称 ...

  10. c# 占位符 {0} {1}

    占位符就是先占住一个固定的位置,等着你再往里面添加内容的符号.站位符由{数字}组成,数字由0开始编号. 第1个占位符:{0} 第2个占位符:{1} 第2个占位符:{2} 初学C#之变量.占位符.转义符 ...