news 2026/6/24 0:32:28

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/6/23 18:20:41

防火洁净室窗技术选型要点与适配标准讲解

“选对一扇窗&#xff0c;守住洁净与安全的双重底线——这可能比选择一个设备供应商更考验专业深度。”在制药洁净室这个“生命线”上&#xff0c;任何一个细节的失误都可能引发蝴蝶效应。防火洁净室窗&#xff0c;这个看似不起眼的部件&#xff0c;实际上是连接洁净度合规与生…

作者头像 李华
网站建设 2026/6/23 0:48:48

效率翻倍:Win10截图快捷键的隐藏技巧大全

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 设计一个Win10截图效率对比工具&#xff0c;功能&#xff1a;1.传统方法与快捷键耗时对比 2.自动记录操作时间 3.生成效率分析报告 4.推荐个性化快捷键方案 5.支持多设备同步设置。…

作者头像 李华
网站建设 2026/6/23 3:39:08

企业级DDoS防护实战:从攻击分析到应急响应

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 创建一个企业级DDoS防护实战模拟系统&#xff0c;模拟不同类型的DDoS攻击场景&#xff08;如SYN Flood、HTTP Flood等&#xff09;&#xff0c;并提供从攻击检测、分析到应急响应的…

作者头像 李华
网站建设 2026/6/23 20:05:59

基于CEEMDAN-PE-LSTM模型的复杂时间序列预测算法与优化探讨

CEEMDAN-PE-LSTM(完全自适应噪声集合经验模态分解-排列熵-长短期记忆网络&#xff09; 时间序列预测 对比模型有&#xff1a; lstm ceemdan-lstm ceemdan-pe-lstm 采用CEEMDAN分解&#xff0c;并判定排列熵值将相近的信号进行合成&#xff0c; 最后逐个进行lstm预测 者后可将CE…

作者头像 李华
网站建设 2026/6/23 9:51:44

5分钟搭建TLS兼容性测试原型

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 快速开发一个轻量级TLS协议兼容性测试工具原型。工具应支持输入服务器地址和端口&#xff0c;自动检测支持的TLS版本&#xff0c;并与常见客户端版本进行兼容性比对。输出简洁明了的…

作者头像 李华
网站建设 2026/6/23 11:13:04

MySQL启动图解指南:小白也能懂的5步操作

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容&#xff1a; 生成交互式MySQL入门教程&#xff1a;1.分步可视化启动流程&#xff1b;2.嵌入式Linux终端模拟器&#xff1b;3.实时错误诊断提示&#xff1b;4.包含测试你的理解小测验&#xff1b…

作者头像 李华