点击jquery修改div的子元素p的内容为"我是子元素"(使用元素选择器)
2019-10-27 19:21
1741 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhangkaidi00/article/details/102770220
效果如下:
这是代码:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.js"></script> <style> div{ width: 200px; height: 200px; background-color: aqua; } </style> </head> <body> <div> <p>我是文字</p> </div> <p> 我是文字 </p> <script> $(function(){ $("div").on("click",function(){ $("div p:first-child").replaceWith("<p>我是子元素</p>"); }); }); </script> </body> </html>
相关文章推荐
- 使用jquery克隆方法.请克隆p元素并且修改"克隆的p元素"内容为"我是克隆体",并添加到"被克隆p元素"的后面
- jquery 使用each 遍历标签元素,修改标签内容
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- JQuery 点击DIV以外的元素隐藏DIV
- jquery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- jQuery刷新div内容,并对刷新后元素绑定事件。$(document).on()
- vue-vux使用 cell/cell-box 组件 点击展开其他内容的时候修改过的数据会复原解决思路之一
- 使用Jquery实现点击文字后变成文本框且可修改
- 【使用JSOUP实现网络爬虫】修改数据-设置一个元素的HTML内容
- jquery 与javascript关系 ①取元素 ②操作内容 ③操作属性 ④操作 样式 ⑤ 事件 点击变色
- jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- jquery之设置元素内容(克隆元素,使用clone()方法)
- JS和JQuery中如何获取和修改控件显示内容(如lable,div,h1)
- jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
- 【jQuery】使用appendTo()方法向被选元素内插入内容
- 【JQuery】使用before()和after()在元素前后插入内容
- 点击按钮button触发修改div的iframe内容 (修改iframe的src内容)
- JS和JQuery中如何获取和修改控件显示内容(如lable,div,h1)
- jQuery——1、图片动画效果+2、点击切换div显示其内容
- jquery监听div等元素的内容变化