jQuery节点操作

1、查找元素节点

$("ul li:eq()");

2、查找属性节点

$("selector").attr("title")

3、创建节点

var $li_1=$("<li></li>");

var $li_2=$("<li></li>");

$("ul").append($li_1);

4、创建文本节点、创建属性节点

5、插入节点

append():向每个匹配的元素内部追加内容(追加:即在后)

appendTo():将所有匹配的元素追加到指定的元素中

prepend():向每个匹配的元素内部前置内容

prependTo():

after():向每个匹配的元素之后插入内容

inserAfter():

before():在每个匹配的元素之前插入内容

insertBefore():

6、删除节点

1、remove():从dom删除所有匹配的元素

detach():从dom删除所有匹配的元素

区别:detach()不会把匹配的元从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件,附加的数据等都会保留下来

empty():不是删除节点,而是清空节点

2、复制节点

clone():复制节点后,被复制的新元素并不具有任何i行为

clone(true):复制元素的同时同时复制所绑定的事件

3、替换节点

replaceWith()、replaceAll():

$("p").replaceWith("<strong></strong>");

4、包裹节点

$("strong").wrap("<b></b>");warp译为用...包裹(之前搞不清楚谁包裹谁,总是搞混,单词不过关┭┮﹏┭┮)

<p></p>

<p></p>

<p></p>

wrapAll():$("p").wrapAll("<b></b>")——<b><p></p><p></p><p></p></b>

wrap()单独包裹每个元素,<b><p></p></b> <b><p></p></b>

wrapInner():$("p").wrapInner("<b></b>")——<p><b></b></p>

时间: 2024-10-14 02:36:42

jQuery节点操作的相关文章

深入学习jQuery节点操作

× 目录 [1]创建节点 [2]插入节点 [3]删除节点[4]复制节点[5]替换节点[6]包裹节点 前面的话 DOM节点操作包括创建节点.插入节点.移除节点.替换节点和复制节点.jQuery也有类似的方法,此外,还扩展了包裹节点.本文将详细介绍jQuery节点操作 创建节点 创建节点的流程比较简单,包括创建节点.添加属性和添加文本.若应用原生方法,一般地,包括document.createElement().setAttribute()和innerHTML var ele = document.

jQuery 节点操作 筛选二

节点操作 $(content).method( target ) $(content).method( target ) 操作 before() insertBefore() 在目标元素前面插入内容 after() insertAfter() 在目标元素后面插入内容 append() appendTo() 在目标元素开始处插入内容 prepend() preppendTo() 在目标元素结尾处插入内容 replaceWidth() replaceAll() 在目标元素替换为内容 clone()克

jQuery节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

一.创建节点 1 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; 2 $('body').append(box); //将节点插入到<body>元素内部 二.插入节点jQuery 提供了好几种个方法来插入节点:1.内部插入节点方法  方法名 描述 append(content) 向指定元素内部后面插入节点 content append(fu

jQuery DOM 节点操作

DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的“M”.页面中的元素结构就是通过这种节点模型来互相对应着的,我们只需要通过这些节点关系,可以创建.插入.替换.克隆.删除等等一些列的元素操作. 一.创建节点 为了使页面更加智能化,有时我们想动态的在 html 结构页面添加一个元素标签,那么 在插入之前首先要做的动作就是:创建节点. $('div').append('<strong>节点</strong>'); //向 div 内部插入 strong 节点 $('di

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla

事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流

一.事件冒泡定义 事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,甚至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层级的最顶层,即document对象(有些浏览器是window).. 二.事件冒泡的作用 事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元

Query节点操作,jQuery插入节点,jQuery删除节点,jQuery Dom操作

一.创建节点 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; $('body').append(box); //将节点插入到<body>元素内部 二.插入节点 jQuery 提供了好几种个方法来插入节点: 1.内部插入节点方法  方法名 描述 append(content) 向指定元素内部后面插入节点 content append(func

jquery元素节点操作

jquery元素节点操作 创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入节点 1.append()和appendTo():在现存元素的内部,从后面插入元素 var $span = $('<span>这是一个span元素</span>'); $('#div1').append($span); ...... <div id="div1"

jQuery(七):节点操作

jQuery中节点操作主要分为以下几种: 查找节点. 创建节点. 插入节点. 替换节点. 复制节点. 删除节点. 一.查找节点 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca