【JQuery】文档操作
一、前言
接着上一章的内容,接着JQuery的学习
二、内容
addClass 向被选元素添加一个或多个类
$(selector).addClass(class)
$(selector).addClass(function(index,oldClass)) before 在被选元素前插入指定的内容
$(selector).before(content)
$(selector).before(function(index)) after 在被选元素后插入指定的内容
$(selector).after(content)
$(selector).after(function(index)) append 被选元素的结尾(仍然在内部)插入指定内容
$(selector).append(content)
$(selector).append(function(index,html)) appendTo 在被选元素的结尾(仍然在内部)插入指定内容
$(content).appendTo(selector) attr 返回被选元素的属性值
$(selector).attr(attribute)
设置被选元素的属性值
$(selector).attr(attribute:value)
$(selector).attr({attribute:value,attribute:value ...})
$(selector).attr(attribute,function(index,oldValue)) clone 生成被选元素的副本,包含子节点、文本和属性
$(selector).clone(includeEvents) detach 移除被选元素,包括所有文本和子节点
$(selector).detach() empty 从被选元素移除所有内容,包括所有文本和子节点
$(selector).empty() hasClass 检查被选元素是否包含指定的class
$(selector).hasClass(class) html 返回或设置被选元素的内容(inner HTML)
$(selector).html()
$(selector).html(content)
$(selector).html(function(index,oldcontent)) insertAfter 在被选元素之后插入HTML标记或已有的元素
$(content).insertAfter(selector) insertBefore 在被选元素之前插入HTML标记或已有的元素
$(content).insertBefore(selector) prepend 在被选元素的开头(仍位于内部)插入指定的内容
$(selector).prepend(content)
$(selector).prepend(function(index,html)) prependTo 在被选元素的开头(仍位于内部)插入指定的内容
$(content).prependTo(selector) remove 移除被选元素,包括所有文本和子节点
$(selector).remove() removeAttr 从被选元素中移除属性
$(selector).removeAttr(attribute) removeClass 从被选元素移除一个或多个类
$(selector).removeClass(class)
$(selector).removeClass(function(index,oldClass)) replaceAll 用指定的HTML内容或元素替换被选元素
$(content).replaceAll(selector) replaceWith 用指定的HTML内容或元素替换被选元素
$(selector).replaceWith(content)
$(selector).replaceWith(function()) text 设置或返回被选元素的文本内容
$(selector).text()
$(selector).text(content)
$(selector).text(function(index,oldcontent)) toggleClass 对设置或移除被选元素的一个或多个类进行切换
switch为true时只添加,false时为只删除
$(selector).toggleClass(class,switch)
$(selector).toggleClass(function(index,class),switch) wrap 把每个被选元素放置在指定的HTML内容或元素中
$(selector).wrap(wrapper)
$(selector).wrap(function) wrapInner 使用指定的HTML内容或元素,
来包裹每个被选元素中的所有内容(inner HTML)
$(selector).wrapInner(wrapper)
$(selector).wrapInner(function()) unwrap 删除被选元素的父元素
$(selector).unwrap() val 返回或设置被选元素的值
$(selector).val()
$(selector).val(value)
$(selector).val(function(index,oldvalue))
【JQuery】文档操作的更多相关文章
- jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法
原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp 实例 使用 noConflict() 方法为 jQuery 变量规定新 ...
- jQuery文档操作
jQuery文档操作 1.jq文档结构 var $sup = $('.sup'); $sup.children(); // sup所有的子级们 $sup.parent(); // sup的父级(一个, ...
- HTML jQuery 文档操作 - html() 方法
jQuery 文档操作 - html() 方法 jQuery 文档操作参考手册 实例 设置所有 p 元素的内容: $(".btn1").click(function(){ $(&q ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- jQuery 文档操作 - prependTo() ,appendTo()方法
其他jquery文档操作方法:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp jQuery 参考手册 - 文档操作 appe ...
- 前端之JQuery:JQuery文档操作
jquery之文档操作 一.相关知识点总结1.CSS .css() - .css("color") -> 获取color css值 - .css("color&qu ...
- jQuery文档操作--append()、prepend()、after()和before()
append(content|fn) 概述 向每个匹配的元素内部追加内容,这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似 参数 content 要追 ...
- jQuery 文档操作
一.插入操作 1. 父元素.append(子元素) 追加某元素,在父元素中添加新的子元素, 子元素可以为: stirng / element (js对象) / jquery 元素 var oli = ...
- jQuery文档操作--empty()和remove()
empty() 概述 删除匹配的元素集合中所有的子节点 <!DOCTYPE html> <html> <head> <meta charset="U ...
- jQuery 文档操作 - insertAfter() ,insertBefore(),after(),before() 方法
这个方法跟prependTo()和appendTo()不一样的地方在于,一个是仍然插入到元素内部,而insertAfter和insertBefore是插入到元素外部. 这里拿insertBefore来 ...
随机推荐
- underscore.js 分析 第四天
查看underscore包含多少属性和方法 通过阅读JavaScript 获取对象的键的数组 var a = _; var arr = Object.keys(a); console.log(arr) ...
- Gulp 有用的地址
gulp似乎成为web开发的必选工具. 推荐一个非常好的入门教程 https://markgoodyear.com/2014/01/getting-started-with-gulp/ 官方插件列表: ...
- ps 图层解锁后变成全格子(全透明)的解决方法
其实是因为同时打开了好几个ps文件正在编辑中,所以解决方法就是重启ps,然后单独编辑一个文件,解锁后就不会再出现这种情况能,就能正常编辑了
- R的数据结构
R语言中的数据结构包括标量.向量.矩阵.数组.列表以及数据框 目录 1 向量 2 矩阵 3 数据框 1 向量 向量是用于存储单一数据类型(数值.字符.逻辑值)的一维数组,示例如下: a <- c ...
- python全栈开发-面向对象-初识2
python_17_day 今日主要内容: 1.类空间,对象空间,查询顺序. 2.组合. 1.类空间,对象空间,查询顺序. class Person: animal = '高级动物' soul = ' ...
- Qt 利用XML文档,写一个程序集合 二
接上一篇文章https://www.cnblogs.com/DreamDog/p/9213915.html XML文档的读写 一个根节点,下面每一个子节点代表一个子程序,内容为子程序名字,图标路径,e ...
- linux-ubuntu常用命令(深圳文鹏)
系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS ...
- 学习笔记之shell命令
linux shell命令学习笔记:~这里只是对自己一些常用但是不熟悉的的命令进行记录 -------------------------------------------------------- ...
- C#判断字符串中是否有数字
// <summary> /// 提取字符串中的数字字符串 /// </summary> /// <param name="str"></ ...
- Qt中容器类应该如何存储对象
Qt提供了丰富的容器类型,如:QList.QVector.QMap等等.详细的使用方法可以参考官方文档,网上也有很多示例文章,不过大部分文章的举例都是使用基础类型:如int.QString等.如果我们 ...