【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来 ...
随机推荐
- asp.net core webapi项目配置全局路由
0.目录 整体架构目录:ASP.NET Core分布式项目实战-目录 一.前言 在开发项目的过程中,我新创建了一个controller,发现vs会给我们直接在controller头添加前缀,比如[Ro ...
- 通知的多线程问题 iOS
发送通知在子线程,接受也在子线程.如果子线程操作UI,会打印一推日志,告诉我们应该主线程操作.
- 【转】linux下,如何把整个文件夹上传到服务器(另一台linux)
原文转自:https://zhidao.baidu.com/question/1046040541327493019.html 1.Linux下目录复制:本机->远程服务器 scp -r /h ...
- iOS 播放音频文件
// 播放音乐 NSString *path = [[NSBundle mainBundle] pathForResource:@"1670" ofType:@&qu ...
- PaaSoo云通讯-印度市场机遇与挑战并存
2019年4月16日,由白鲸出海举办的2019中印互联网大会(Global Connects India)在印度新德里举行,这次的大会主要涵盖了出海主题峰会.B2B展会.中印互联网高层圆桌等模块. 众 ...
- springMVC 第一章
springMVC 第一章 一.分层结构的项目 组成方式: 表示层:页面,Servlet 业务层:业务逻辑类(service) 持久层:与数据库交互的类(dao) 程序执行的过程:表示层->se ...
- dede 后台登录以后一片空白
网上说的是 找到:include/common.inc.php文件,打开,查找程序代码: //error_reporting(E_ALL); error_reporting(E_ALL || ~E_ ...
- C++ 名字空间namespace的使用
A namespace is a scope.C++ provides namespaces to prevent name conflicts.A namespace is a mechanism ...
- 第10次Scrum会议(10/22)【欢迎来怼】
一.小组信息 队名:欢迎来怼小组成员队长:田继平成员:李圆圆,葛美义,王伟东,姜珊,邵朔,冉华小组照片 二.开会信息 时间:2017/10/22 17:20~17:33,总计13min.地点:东北师范 ...
- 《我是IT小小鸟》阅读心得
虽然读这本书是老师布置的作业,但是读了几页后就被书中的内容所吸引住了.或许是因为我也是学这个专业的,所以书中的一些内容让我觉得非常的有兴趣.作为一个学习软件工程的大一学生还没真正的认识到这个专业的深奥 ...