首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jquery 元素节点操作 - 创建节点、插入节点、删除节点

jquery节点操作说明 前面的篇章对于jquery的元素操作大部分是使用html()的方式来操作,这种直接使用字符串创建的方式也是性能最高的。...使用html()操作节点 首先编写一个div包含一个a标签,如下: ? 下面来给这个a的后面加上一个span标签看看,如下: ?...另外还有其他创建节点、插入节点、删除节点的方法,如下: var $div2 = $('这是一个div元素'); # 创建节点 append() appendTo() #在现存元素的内部...在现存元素的内部,从前面插入元素 after() insertAfter() #在现存元素的外部,从后面插入元素 before() insertBefore() #在现存元素的外部,从前面插入元素 创建节点...// 删除节点 $('a').remove();

8.8K40
您找到你想要的搜索结果了吗?
是的
没有找到

jquery 获取元素(父节点,子节点,兄弟节点)

1、jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1")....parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents...(); // 返回#test里面的所有内容,包括节点和文本 $("#test").contents("#test1"); $("#test1").prev(); // 上一个兄弟节点 $("#test1...").prevAll(); // 之前所有兄弟节点 $("#test1").next(); // 下一个兄弟节点 $("#test1").nextAll(); // 之后所有兄弟节点 $("#test1...jQuery对象,他们包含筛选到的元素 $("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素) $("ul li").first(); // 选取ul

5.5K10

jQuery(操作Dom-节点操作①)

目录 创建节点 节点插入 节点删除 节点替换 节点复制 创建节点 document.createElement("li"); //js创建li节点 var $li=$(""); /.../jQuery创建li节点 节点元素插入 内部插入(父子节点关系) js对象.appendChild:在内部添加节点 var o=document.createElement("li"); //创建节点...选中的js对象.appendChild(创建的节点); //js在内部插入节点 在内部最后一个元素后插入节点 selector.append(节点对象):在selector元素内部的最后插入"节点对象...$("p").remove(); $("ul").before($p); } 注意:这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。...(){ var $p = $("p").detach(); $("ul").before($p); } 注意:这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素

1.4K20

jQuery查找DOM节点元素【jQuery框架应用入门07】

本节教程主要带读者入门jQuery查找dom节点元素的方法。...5-6歌曲排行榜 通过jQuery将含有“祖国”两个字的歌曲标红的思路展开为两个步骤: (1)先筛选出所有标签为li的节点。...jQuery选择器的代码如下: $("ol li") (2)遍历每个节点的内容,然后匹配关键词“祖国”。 进一步使用each方法可以对找到的每个元素进行遍历,jQuery代码如下所示。...对含有“祖国”关键词的歌曲标红后的效果如图5-7所示,浏览器中使用console窗体直接执行jQuery代码。...5-7将含有“祖国”两个字的歌曲标红 本课程的前置基础课程应该是《零基础JavaScript教程》,您可以到“编程创造城市”官网找到该课程的视频教程。

9110

jQuery笔记(1) (多)

jQuery 终于开始学jQuery啦,这次的封面也是自己做的哟~先来看看我们的目标吧!...DOM操作 支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单,日期控件,轮播等....//此处是DOM加载完成的入口 }) jQuery的顶级对象$ 是jQuery的别称,在代码中可以使用jQuery代替,但是一般为了方便,通常都使用 是jQuery的顶级对象,相当于原生JavaScript...中的window.把元素利用包装成jQuery对象,就可以调用jQuery的方法. jQuery对象和DOM对象 用原生的开始获取的对象就是DOM对象 jQuery方法获取的元素就是jQuery对象...jQuery对象的本质是: 利用$DOM对象包装后产生的对象(伪数组形式存储) 打印box的jQuery对象: 注意: jQuery对象只能使用jQuery方法,DOM对象则使用原生的JavaScript

9K10

关系点击节点展开次级节点效果尝试

最近有读者问,关系如何通过点击节点展开、折叠,当时没有时间写例子(最近一直比较忙),就口述了下思路…… 昨晚终于抽出点时间做了一个极其简易的示例,补上。...通过监听鼠标事件触发 判断鼠标点击的节点,通过一定规则确定要隐藏/显示的category(这里给当时问我的读者道个歉……当时我给说成series 了,实际上关系的图例是通过series[i]-graph.categories...实现 一、首先准备些数据: 1、关系节点数据 data 2、节点间关系数据 links 3、用于图例的 categories 类目名称列表 categories 4、一个用于记录节点显示/隐藏状态的...categoryStatus 二、准备配置项 option option = { title: { text: '关系点击节点展开次级节点效果尝试' },.../隐状态 如显示,则将所有子节点全部隐藏 如隐藏,则将 categoryStatus 中记录为显示的子节点显示

2.5K50
领券