news 2026/9/22 20:56:33

jquery的基本使用(3)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
jquery的基本使用(3)

jquery操作元素内容

添加元素append,prepend,before,after:

$(function(){ var dom = $("#container_id"); dom.append("<span>我是append添加的元素</span>"); dom.prepend("<span>我是prepend添加的元素</span>"); dom.after("<span>我是after添加的元素</span>"); dom.before("<span>我是before添加的元素 </span>"); });

注:以上虽然都是添加元素,但是有细微的差别:

append:是在选择的dom内部的后面添加元素;

prepend:是在选择的dom内部的前面添加元素;

after:是在选择的dom后面添加的元素;

before:是在选择的dom前面添加的元素;

更改元素text,html:

$(function(){ var dom = $("#container_id"); dom.text("我是通过text方法更改的元素") var dom1 = $(".container_class:eq(0)"); dom1.html("<div>我是通过html方法更改的元素</div>"); });

注:

我们可以使用选择器的text()和html()来获取元素,同样的也可以在这个方法里面写入参数来更改内容

删除元素remove和empty:

$(function(){ var dom = $("#container_id"); // dom.remove(); dom.empty(); });

注:

你可以更改不同的注释内容看下源码里,

remove:这个方法会把当前选中元素和子元素全部从dom中删除;

empty:这个方法会把选中的元素的子元素从dom中删除;

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/20 18:32:04

电商后台管理系统:Vue脚手架实战指南

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个电商后台管理系统的Vue脚手架模板&#xff0c;要求包含&#xff1a;1. 多角色权限控制模块&#xff1b;2. 商品管理CRUD界面&#xff1b;3. 数据可视化仪表盘&#xff1b;4…

作者头像 李华
网站建设 2026/9/21 19:16:51

传统vsAI设计:电压跟随器开发效率提升300%的秘诀

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 请对比传统设计流程和AI辅助流程开发电压跟随器的效率差异。传统流程要求&#xff1a;1. 手动绘制电路图&#xff1b;2. 计算参数&#xff1b;3. 搭建仿真&#xff1b;4. 迭代优化。…

作者头像 李华
网站建设 2026/9/21 23:48:58

3小时打造跨文化社交应用原型

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 快速开发一个跨文化社交应用原型&#xff0c;包含核心功能&#xff1a;1. 用户注册/登录&#xff1b;2. 多语言聊天界面&#xff1b;3. 基本个人资料页&#xff1b;4. 简单的文化提…

作者头像 李华
网站建设 2026/9/22 3:01:02

AI教你玩转Win10截图:快捷键+智能识别

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 开发一个Win10截图辅助工具&#xff0c;功能包括&#xff1a;1.自动检测系统快捷键设置 2.截图后调用OCR API识别文字 3.支持一键翻译识别内容 4.自动分类存储截图 5.生成操作日志报…

作者头像 李华
网站建设 2026/9/22 3:03:35

Beyond Compare 过滤干扰项设置_android项目文件过滤设置

Beyond Compare 比对代码时&#xff0c;需要过滤干扰项&#xff0c;让比对时更加清晰 一下以Android项目过滤例 排除文件 *.iml local.properties AndroidManifest_target.xml排除文件夹 .git .svn .gradle .idea build release .cxx

作者头像 李华