jquery中的节点的操作
节点的操作
Dom 文档对象 模型 解决
一.插入节点
Append() 在每个匹配的元素中追加内容
Var $li_1= “<li></li>”;
Var $li_2 =”<li></li>”
$(“ul”).append($li_1).append($li_2); //添加到ul中rep
appendTo() 将所有匹配元素追加到指定元素中
$(“<b>asd</b>”).appendTo(p); p 指<p></p>you
Prepend() 向每个匹配元素的内部前置内容
PrepenTo()将所有的匹配的元素前置到指定元素中
After() 在每个匹配元素后面插入内容
insertAfter ()将匹配的元素插到指定元素的后面
before() 在每个匹配元素前面插入元素
insertBefore()将匹配的元素插到指定元素的前面
二.DOM元素的插入与移动
InsertBefore()
insertAfter()
三.删除节点
Remove()
empty() 用于清除节点的文本 $("#p").empty()
四.复制节点
Clone() 复制节点 有一个参数 或无参数
五.替换节点ReportedWith()与ReplaceAll()的作用一样,替换的事件一样会消失
ReplaceWith(“<string>被替换新的文本</strign>”)
(“<string>被替换新的文本</strign>”).replaceAll();
六.包裹节点 将某一节点用其他的标签包裹起来 用wrap();方法实现的
Wrap() WrapAlll() wrapInner() 能够包裹节点;
$(“p”).wrap(“<b></b>”)用<b>标签把<p>元素包裹起来
Wrap(); 用于在文档插入而外的结构化标签 ,不会破坏其语义 例:
$(“p”).wrap(“<b></b>”) //用b标签将p包裹起来 ,效果将p的文本的字体加粗
Wrapall(); 将所有匹配的元素用一个元素包裹起来,不同于
Wrapinner(); 是将每一个匹配的子元素的子内容{包括文本节点},用其他结构化的标签包裹起来
属性的操作
attr()属性的操作或设置
根据属性名称获取属性的值,如:(“元素名”).attr(“title”);//获取属性的title的值
设置属性的值 (“属性名”).attr(“属性名”:”属性值”);///设置属性的值,如果有多个用逗号隔开
removeAttr()删除属性//有参数,是指定的属性名删除,没参数删除所有的属性
追加样式
addClass()的方法追加样式
addClass() 追加样式 在调用一次addclass()
而Attr();会把前面的样式替换掉
removeClass()删除样式 带参数指定样式删除 删除多个用空格隔开 如果没有删除全部
切换样式
Toggle()交替一组动作
StoggleBtn.toggle( function()
{ //显示元素的代码
},function(){
//隐藏的代码
})
/// jquery 提供一个toggleClass(); 方法控制样式的重复切换 一个参数 : class的名称
ToggleClass() 进行显示/隐藏的切换
Toggle() ///无参数是默认是样式的切换
HasClass()可以用来判断元素是否含有摸个class,如果有返回true,如歌没有 false
Html()//以html文本解析后输出;
Text() //以普通的文本输出
Next();//用于获取同辈的下一个元素
Height(0 wicdth() vla() css()……的用法差不多
Chiildren()获取所有匹配元素的子元素集合
Prev() 用于获取同辈紧邻的上一个元素
Siblings() 匹配同辈的所有的元素,不包括自己
Closest() 匹配 最近的元素,如果自己不匹配,往上“父元素”匹配,一级一级的匹配,如果匹配
scrollTop() scrollleft() 滚动条的操作
jquery中的节点的操作的更多相关文章
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作 http://www.jb51.net/article/76601.htm
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- js进阶 11-3 jquery中css属性如何操作
js进阶 11-3 jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...
- js进阶 11-1 jquery中的页面内容操作的三个方法
jquery中的页面内容操作的三个方法 一.总结 一句话总结:记三个方法即可.text,html,val.因为这里是方法,所以设置值的是后面方法的参数. 1.jquery中的页面内容操作的三个方法? ...
- JavaScript&&jQuery创建新节点和操作属性对比
JavaScript创建新节点和操作属性 通过JavaScript原生接口创建节点,在处理上是非常复杂与繁琐的. <!DOCTYPE html> <html lang="e ...
- jQuery中 对标签元素操作(2)
一.属性操作 1.获取属性和设置属性 例如下jQuery代码: var $para=$("p"); //获取<p>节点 var p_txt=$par ...
- jquery中对 iframe的操作
我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点).如果元素是一个iframe,则查找文档内容 示例 描述: ...
- jQuery中的文档操作处理(五):append()、prepend()、after()、before()、wrap()、wrapAll()、wrapInner()、clone()等
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...
- jquery 中json数组的操作(转)
在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像J ...
随机推荐
- spring消费RESTfull服务
使用RestTemplate做这件事非常简单 package hello; import org.slf4j.Logger; import org.slf4j.LoggerFactory; impor ...
- Python之配置文件模块 ConfigParser
写项目肯定用的到配置文件,这次学习一下python中的配置文件模块 ConfigParser 安装就不说了,pip一下即可,直接来个实例 配置文件 project.conf [db] host = ' ...
- rsync+sersync实时同步
A: 运行rsync daemonB: 运行sersync ,会监控目录,发现改变会更新推送到A上 rsync见上面rsync设置 sersync安装配置1.建立目录mkdir -p /opt/ser ...
- 查看oracle数据库中的保留字
SQL> select * from v$reserved_words;
- TNS-01201: Listener cannot find executablen
有哥们说,他的数据库监听无法启动,报如下错误: 让其查看一下环境变量是否设置,说设置没问题,但是还是报同样的错误.只好让其截图了: 1.监听文件 2.profile文件 从上面的截图中,可以看出,pr ...
- Linux启动时卡住
该系统本是oracle rac的测试环境,在删除oracle软件后重启时系统卡住(没有按照oracle官方要求删除oracle软件).如下图: 处理过程: 1.使用单用户模式登陆 先在GRUB启动菜单 ...
- Leetcode: Combination Sum IV && Summary: The Key to Solve DP
Given an integer array with all positive numbers and no duplicates, find the number of possible comb ...
- zabbix添加邮件报警机制
zabbix添加邮件报警机制 作者:尹正杰 还记得之前跟大家聊过的一个如何监控一个目录的话题吗?我们虽然监控出来数据了,也有数据了,但是,只是监控也没有用啊~因为我们不能24小时盯着屏幕然后 出了事情 ...
- vs2015社区版不支持installshield
开始学习vs了 下一步就是在这个平台上提升技术咯. 写了老师上课讲的算法 生成了个VB程序结果不能在别的电脑上运行 .幸好我自己测试了下.要是直接拿去学校不是很~ 然后我就想到当初接触易语言时候的搞静 ...
- codevs 1506 传话
http://codevs.cn/problem/1506/ 1506 传话 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 白银 Silver 题解 题目描述 D ...