【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来 ...
随机推荐
- 读懂UML类图
平时阅读一些远吗分析类文章或是设计应用架构时没少与UML类图打交道.实际上,UML类图中最常用到的元素五分钟就能掌握,下面赶紧来一起认识一下它吧: 一.类的属性的表示方式 在UML类图中,类使用包含类 ...
- 三边定位 c#
MATLAB是美国MathWorks公司出品的商业数学软件,用于算法开发.数据可视化.数据分析以及数值计算的高级技术计算语言和交互式环境,主要包括MATLAB和Simulink两大部分. 项目中用到三 ...
- vs2010(vs2012)好用的扩展插件介绍
一直以来只使用番茄vs助手(https://www.wholetomato.com/downloads/default.asp)辅助写代码,也都忘了是谁介绍的,不过确实好用. 相比原始的vs,它提供了 ...
- 算法笔记(c++)--01背包问题
算法笔记(c++)--经典01背包问题 算法解释起来太抽象了.也不是很好理解,最好的办法就是一步步写出来. 背包问题的核心在于m[i][j]=max(m[i-1][j],m[i-1][j-w[i]]+ ...
- Chrome 鲜为人知的秘籍(内部协议)&&Chrome功能指令大全
楼主以 Chrome 版本 39.0.2171.95 m 为例,耗费2小时的记录: chrome://accessibility 用于查看浏览器当前访问的标签,打开全局访问模式可以查看:各个标签页面的 ...
- CF刷刷水题找自信1
CF 1108A Two distinct points 题目意思:给你两个线段的起点和终点,让你给出两个不同的点,这两点分别处于两个不同的线段之中.解题思路:题目说如果存在多种可能的点,随意一组答案 ...
- Scrum立会报告+燃尽图(十一月二十三日总第三十一次):界面修改及新页面添加
此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2410 项目地址:https://git.coding.net/zhang ...
- 20172329 2018-2019《Java软件结构与数据结构》第一周学习总结
2018-2019-20172329 <Java软件结构与数据结构>第一周学习总结 在这学期就已经大二了,也已经步入了学习专业课的核心时间,在这个阶段,我们应该了解自己的学习情况,针对自己 ...
- Saver 保存与读取
tensorflow 框架下的Saver 功能,用以保存和读取运算数据 Saver 保存数据 代码 import tensorflow as tf # Save to file #remember t ...
- 团队Alpha冲刺(十)
目录 组员情况 组员1(组长):胡绪佩 组员2:胡青元 组员3:庄卉 组员4:家灿 组员5:凯琳 组员6:翟丹丹 组员7:何家伟 组员8:政演 组员9:黄鸿杰 组员10:刘一好 组员11:何宇恒 展示 ...