DOM 操作方法的简单归纳

对于jQuery提供的大量DOM操作方法,应该根据要完成的任务和元素的位置作出不同的选
择。本章只介绍了一部分DOM操作方法,但其他方法的使用与这些方法类似;第12章还将更全
面地讨论DOM操作方法。下面,我们简单地归纳出一些方法,这些方法几乎能够在任何情况下,
完成任何任务。

(1) 要在HTML中创建新元素,使用$()函数。

(2) 要在每个匹配的元素中插入新元素,使用:
? .append()
? .appendTo()
? .prepend()
? .prependTo() 104 第 5 章 操作 DOM

(3) 要在每个匹配的元素相邻的位置上插入新元素,使用:
? .after()
? .insertAfter()
? .before()
? .insertBefore()

(4) 要在每个匹配的元素外部插入新元素,使用:
? .wrap()
? .wrapAll()
? .wrapInner()

(5) 要用新元素或文本替换每个匹配的元素,使用:
? .html()
? .text()
? .replaceAll()
? .replaceWith()

(6) 要移除每个匹配的元素中的元素,使用:
? .empty()

(7) 要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:
? .remove()
? .detach()

时间: 2024-08-09 23:52:02

DOM 操作方法的简单归纳的相关文章

DOM操作方法的简单归纳

(1)要在每个匹配的元素中插入新元素,使用: .append() .appendTo()   .prepend() .prependTo() (2)要在每个匹配的元素相邻的位置上插入新元素,使用: .after() .insertAfter() .before() .insertBefore() (3)要在每个匹配的元素外部插入新元素,使用: .wrap() (4)要用新元素或文本替换每个匹配的元素,使用: .html() .text() (5)要移除每个匹配中的元素,使用: .empty()

就linux三剑客简单归纳

就linux三剑客简单归纳: 1:awk 习题1:用 awk 中查看服务器连接状态并汇总 netstat -an|awk '/^tcp/{++s[$NF]}END{for(a in s)print a,s[a]}' ESTABLISHED 1 LISTEN 20 习题2:统计 web 日志访问流量,要求输出访问次数,请求页面或图片,每个请求的总大小, 总访问流量的大小汇总 awk '{a[$7]+=$10;++b[$7];total+=$10}END{for(x in a)print b[x],

DOM练习小记--简单的拼单词游戏

(资料源自<Head First Ajax>第七章) 书中另一个单页游戏案例,综合了DOM和事件处理,先总结一下页面布局和js编程的思路.涉及到服务端交互的暂时按下,毕竟还没有自己把服务端环境搭起来. 1) 内容简介 书中给的样本页面和样式是布置好的,初始静态页面如下: 4row*4col布局,每次初始化都会随机出现16个字母图片: 点击任意字母会把对应字母输入到旁边字母框中,每次提交前每个字母只能点击一次: 需要拼出一个合法的单词,OK后点击submit提交(Ajax): 如果合法则在分数框

Tomcat的简单归纳总结

2017年08月09日 12:39:23 大道之简 阅读数:1072 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/HcJsJqJSSM/article/details/76981659       Tomcat的简单归纳总结 一:开门见山--->Tomcat的两种平台的安装简单介绍    1.1Window平台的安装--->     使用解压版的就可以了,安装版的使用的较少一些.下载地址: Tomcat下载地址:http://tomcat.

【OC学习-18】NSArray的初始化以及常用数组操作方法简单归纳

数组也分成可变和不可变,这个和NSString一样,初始化的方法也类似,对元素的操作也类似,具体如下. 多练习几遍,知道每个代表什么意思即可.开发项目时再加深印象. //不可变数组 //数组的元素只能是对象,如果是int和float的话,就用NSNumber转换一下才能用 //初始化的几种方式,可以一个元素.多个元素.从已有组复制.从文件.网址等 NSArray *arr1=[NSArray arrayWithObject:@"hello"]; NSArray *arr2=[NSArr

js知识简单归纳

js简单的归纳 基本类型 number,string,boolean,null,undefined 组合类型 一种对象类型: object 数组 函数 对象 正则 关于函数 作用域 闭包 构造函数 原型链 关于对象 类 类的继承 实例方法 静态方法 私有方法 运算符 算术 逻辑 关系 位 语句 循环分支语句 JS中声明变量的几种方式 a,b参数变量 如function fn(a,b){} p,q是var定义的 m:函数声明:FD 他们的区别 他们都会变量上浮.(variable hoist);

jQuery 简单归纳总结

jQuery语法是为HTML元素的选取编制的,可以对元素执行某些操作. 基础语法是:$(selector).action() +美元符号定义 jQuery +选择符(selector)"查询"和"查找" HTML 元素 +jQuery 的 action() 执行对元素的操作 示例: $("p").hide()--隐藏所有段落 $(this).hide()--隐藏当前元素 jQuery选择器: 元素选择器: $("p")--选取

jquery(dom操作方法)

1 创建节点 内部插入   {   1 append()  $(selector).append("html,jquery,dom")   接受html字符串,匹配jquery和dom对象 插入节点后面 2 prepend()   同上 ,插入元素位置前面 }以上两种方法都具有破坏性,当重复调用则会删除前面匹配对象 外部插入   {   1 affter()  匹配元素之前插入 2  before()  匹配元素之后插入 } 内部插入与外部插入区别在于内部插入后与原节点关系为父子节点,

C#-数据库访问技术 ado.net——创建 数据库连接类 与 数据库操作方法 以及简单的数据的添加、删除、修改、查看

数据库访问技术 ado.net 将数据库中的数据,提取到内存中,展示给用户看还可以将内存中的数据写入数据库中去 并不是唯一的数据库访问技术,但是它是最底层的数据库访问技术 1.创建数据库,并设置主外键关系 2.创建新的C#项目,创建 数据库连接类 与 数据库操作方法 a.引用数据库 using System.Data.SqlClient;    b.创建数据库连接类:先进行编写连接字符串,在实例化连接类 c.创建数据库操作方法(此处不是实例化类)    d.打开数据库 → 执行操作 → 关闭数据