`
desert3
  • 浏览: 2159631 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

jquery Manipulation元素操作

 
阅读更多
// $("<font color='green'>被操作文字</font>").insertAfter("span");
// $(”元素名称”).insertAfter(content); 将该元素插入到content之后
// div内部的内容变成:<B>b的内容</B><SPAN>span的内容</SPAN><FONT color=green>被操作文字</FONT>

// $("<font color='green'>被操作文字</font>").insertBefore("span");
// $(”元素名称”).insertBefore(content); 将该元素插入到content之前
// div内部的内容变成:<B>b的内容</B><FONT color=green>被操作文字</FONT><SPAN>span的内容</SPAN>

// $("b").after($("<font color='green'>被操作文字</font>"));
// $(”元素名称”).after(content); 在匹配元素后面添加内容
// div内部的内容变成:<B>b的内容</B><FONT color=green>被操作文字</FONT><SPAN>span的内容</SPAN>


insertAfter,insertBefore,after,before都是在HTML标签外部进行操作
insertAfter对应after
insertBefore对应before


// $("b").append($("<font color='green'>被操作文字</font>"));
// $(”元素名称”).append(content); 将content作为元素的内容插入到该元素的后面
// div内部的内容变成:<B>b的内容<FONT color=green>被操作文字</FONT></B><SPAN>span的内容</SPAN>

// $("<font color='green'>被操作文字</font>").appendTo($("b"));
// $(”元素名称”).appendTo(content); 在content后接元素
// div内部的内容变成:<B>b的内容<FONT color=green>被操作文字</FONT></B><SPAN>span的内容</SPAN>

// $("b").prepend($("<font color='green'>被操作文字</font>"));
// $(”元素”).prepend(content); 将content作为该元素的一部分,放到该元素的最前面
// div内部的内容变成:<B><FONT color=green>被操作文字</FONT>b的内容</B><SPAN>span的内容</SPAN>

// $("<font color='green'>被操作文字</font>").prependTo($("b"));
// $(”元素”).prependTo(content); 将content作为该元素的一部分,放到该元素的最前面
// div内部的内容变成:<B><FONT color=green>被操作文字</FONT>b的内容</B><SPAN>span的内容</SPAN>


append,appendTo,prepend,prependTo都是在HTML标签内部进行操作
append对应appendTo
prepend对应prependTo


$("b").wrap($("<font color='green'>被操作文字</font>"));
// $(”元素”).wrap(element); 用element来包围该元素(在element的标签内部包围该元素)
// div内部的内容变成:<FONT color=green>被操作文字<B>b的内容</B></FONT><SPAN>span的内容</SPAN>


wrap是在HTML标签内部把其他元素包进来
分享到:
评论

相关推荐

    jQuery跑马灯支持任何DOM元素

    2. **DOM操作(DOM Manipulation)**:jQuery提供了一系列方法,如`html()`, `append()`, `prepend()`等,用于修改DOM结构。在跑马灯效果中,这些方法常用于添加或移动内容元素。 3. **动画(Animation)**:jQuery...

    jquery资料--jquery学习资料

    3. **DOM操作(DOM Manipulation)**:jQuery提供了丰富的DOM操作方法,包括添加、删除和修改元素,如`$("div").append("&lt;p&gt;Hello&lt;/p&gt;")`在每个div后添加一个段落。 4. **事件处理(Events)**:jQuery统一了事件...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery提供了丰富的DOM操作方法,如`append()`、`prepend()`用于元素的插入,`html()`、`text()`用于元素内容的设置,`remove()`、`detach()`用于元素的移除。这些方法使得DOM操作变得简单而直观。 3. **事件处理...

    jqueryApi版本集合

    3. **DOM操作(DOM Manipulation)**:jQuery提供了丰富的API来操作DOM,如.append()用于在元素内部追加内容,.remove()用于移除元素。 4. **事件处理(Event Handling)**:jQuery简化了事件绑定,例如,.click...

    jquery api, jquery ui api, jquery源码分析

    2. **DOM 操作(DOM Manipulation)**:jQuery 提供了一系列方法用于创建、修改和操作DOM元素,如 `append()` 在元素末尾添加内容,`prepend()` 在元素开头添加内容,`html()` 和 `text()` 用于设置或获取元素的HTML...

    jquery 常用 Dom操作

    在 jQuery 中,属性操作主要包括获取、设置或修改元素的属性值。 1. **添加类(`addClass()`)** - **语法**:`$("selector").addClass("classname");` - **功能**:为选中的元素添加一个或多个类名。 - **示例*...

    jqueryAPI jquery使用文档

    jQuery 提供了一系列方法用于操作DOM元素: - `.html()`:获取或设置元素的HTML内容。 - `.text()`:获取或设置元素的文本内容。 - `.append()`:在元素内部追加内容。 - `.prepend()`:在元素内部前置内容。 - `....

    jQuery基础自学笔记(pink老师jQuery全内容)

    - 避免在循环中使用 jQuery 方法,可以先将元素存入数组再进行操作。 通过学习和实践jQuery,前端开发者可以更高效地构建动态、交互性强的网页应用。无论你是初学者还是经验丰富的开发者,jQuery都能为你的项目...

    jquery_api.mxp

    jQuery的核心在于选择器(Selectors)、链式操作(Chaining)和DOM操作(DOM Manipulation)。选择器使得我们能够高效地定位到HTML元素,链式操作则允许我们在一个语句中执行多个方法,而DOM操作则包括了对元素的...

    jquery api 3.2.1

    2. **DOM操作(DOM Manipulation)**:jQuery提供了丰富的DOM操作方法。例如,`append()`用于在元素内部添加内容,`prepend()`则在元素内部头部插入内容;`html()`可以获取或设置元素的HTML内容,`text()`则处理文本...

    jQuery一个非常流行的操作Dom的JavaScript库

    - **DOM操作方法(Manipulation)**:如`html()`, `append()`, `prepend()`, `remove()`等,用于修改或添加DOM元素。 #### 1.2 事件处理 - **事件绑定(Event Handling)**:`click()`, `mouseover()`, `mouseout...

    jQuery操作DOM解析

    4. **DOM操作(Manipulation)** - **添加/删除元素**:`.append()`, `.prepend()`, `.before()`, `.after()`等方法用于在现有元素前后插入新内容。 - **修改元素**:`.html()`, `.text()`, `.val()`用于设置或...

    jquery参考手册jquery帮助文档

    jQuery 提供了一系列方法来操作DOM元素,如`append()`用于在元素内部追加内容,`html()`用于获取或设置元素的HTML内容,`remove()`用于删除元素。 **3. 事件处理(Event Handling)** jQuery 的事件处理比原生...

    jquery chm 离线文档 附代码

    2. **DOM操作(DOM Manipulation)**:jQuery提供了一系列方法来创建、修改和删除DOM元素,如`$(selector).append()`用于在元素内部添加内容,`$(selector).remove()`用于删除元素。 3. **事件处理(Event Handling...

    jquery基本操作

    **DOM操作(DOM Manipulation)**是jQuery的另一大强项。你可以用`.html()`、`.text()`和`.val()`来获取或设置元素的HTML内容、文本内容和表单值。`.append()`和`.prepend()`可以向元素内部添加内容,而`.remove()`...

    jQuery 3.1 参考手册中文.zip

    2. **DOM操作(DOM Manipulation)**:jQuery 提供了方便的方法来添加、删除或修改DOM元素。例如,`append()`用于在元素内部追加内容,`remove()`用于删除元素,`html()`和`text()`则用于获取或设置元素的HTML内容和...

    jQuery中文API

    2. **DOM操作(DOM Manipulation)**:jQuery提供了简便的方法来创建、删除、修改DOM元素。例如,`$(html)`可以创建新的HTML结构,`.append()`和`.prepend()`用于在元素内部添加内容,`.remove()`则用于删除元素。 ...

    jquery API 使用手册

    2. **DOM操作(DOM Manipulation)**:jQuery提供了方便的DOM操作方法,包括添加、删除和修改元素。例如,`append()`用于向元素内部追加内容,`remove()`移除元素,`html()`可以设置或获取元素的HTML内容。 3. **...

    jquery API 和 jquery ui API

    2. **DOM操作(DOM Manipulation)**:jQuery 提供了便捷的方法来创建、修改和删除DOM元素。例如,`append()` 和 `prepend()` 用于在元素内部添加内容,`html()` 和 `text()` 用于获取或设置元素的HTML或文本内容,`...

Global site tag (gtag.js) - Google Analytics