一、前言

接着上一章的内容,接着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】文档操作的更多相关文章

  1. jQuery 核心 - noConflict() 方法,jQuery 文档操作 - detach() 方法

    原文地址:http://www.w3school.com.cn/jquery/manipulation_detach.asp   实例 使用 noConflict() 方法为 jQuery 变量规定新 ...

  2. jQuery文档操作

    jQuery文档操作 1.jq文档结构 var $sup = $('.sup'); $sup.children(); // sup所有的子级们 $sup.parent(); // sup的父级(一个, ...

  3. HTML jQuery 文档操作 - html() 方法

    jQuery 文档操作 - html() 方法 jQuery 文档操作参考手册 实例 设置所有 p 元素的内容: $(".btn1").click(function(){ $(&q ...

  4. jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器

    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...

  5. jQuery 文档操作 - prependTo() ,appendTo()方法

    其他jquery文档操作方法:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp jQuery 参考手册 - 文档操作 appe ...

  6. 前端之JQuery:JQuery文档操作

    jquery之文档操作 一.相关知识点总结1.CSS .css() - .css("color") -> 获取color css值 - .css("color&qu ...

  7. jQuery文档操作--append()、prepend()、after()和before()

       append(content|fn)  概述 向每个匹配的元素内部追加内容,这个操作与对指定的元素执行appendChild方法,将它们添加到文档中的情况类似 参数    content  要追 ...

  8. jQuery 文档操作

    一.插入操作 1. 父元素.append(子元素) 追加某元素,在父元素中添加新的子元素, 子元素可以为: stirng / element (js对象) / jquery 元素 var oli = ...

  9. jQuery文档操作--empty()和remove()

    empty() 概述 删除匹配的元素集合中所有的子节点 <!DOCTYPE html> <html> <head> <meta charset="U ...

  10. jQuery 文档操作 - insertAfter() ,insertBefore(),after(),before() 方法

    这个方法跟prependTo()和appendTo()不一样的地方在于,一个是仍然插入到元素内部,而insertAfter和insertBefore是插入到元素外部. 这里拿insertBefore来 ...

随机推荐

  1. ADO.NET操作MySQL数据库

    前言 ADO.NET包括5大对象,分别是Connection.Command.DataReader.DataSet.DataAdapter,使用ADO.NET访问数据库有两个步骤:建立数据库连接.读取 ...

  2. HTML5 + CSS3 实现地球绕太阳公转

    使用的是正面视角,主要是用 HTML5 + CSS3 来实现,JS只是用来画图. test.html: <!DOCTYPE html> <html> <head> ...

  3. Linux 安装FastDFS<单机版>(使用Mac远程访问)

    阅读本文需要先阅读安装FastDFS<准备> 一 编译环境 yum install gcc-c++ yum -y install libevent yum install -y pcre ...

  4. Ubuntu常用shell命令

    目录 ls cd mkdir mv cp scp rm df du chmod chown chgrp head tail screen apt-get Ubuntu常用shell命令 Ubuntu作 ...

  5. 《算法图解》——第十章 K最近邻算法

    第十章    K最近邻算法 1 K最近邻(k-nearest neighbours,KNN)——水果分类 2 创建推荐系统 利用相似的用户相距较近,但如何确定两位用户的相似程度呢? ①特征抽取 对水果 ...

  6. SQLAlchemy 简单笔记

    ORM 江湖##### 曾几何时,程序员因为惧怕SQL而在开发的时候小心翼翼的写着sql,心中总是少不了恐慌,万一不小心sql语句出错,搞坏了数据库怎么办?又或者为了获取一些数据,什么内外左右连接,函 ...

  7. MongoDB Chapter1:Introduction

    你是在防火墙后面吗? 为了继续本课程,您必须能够将计算机的传出请求发送到我们在MongoDB Atlas中设置的数据库服务器.这些服务器在Amazon AWS中的端口27017上运行. 请单击http ...

  8. echarts.js使用心得--demo

    首先要感谢一下我的公司,因为公司需求上面的新颖(奇葩)的需求,让我有幸可以学习到一些好玩有趣的前端技术. 废话不多时 , 直接开始. 第一步: 导入echarts.js文件 下载地址:http://e ...

  9. Scrum立会报告+燃尽图(十月二十一日总第十二次)

    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2246 项目地址:https://git.coding.net/zhang ...

  10. 第二次作业——个人项目实战(sudoku)

    第二次作业--个人项目实战(sudoku) 一.作业要求地址 第二次作业--个人项目实战 二.Github项目地址 softengineering1--sudoku 三.PSP表格估计耗时 PSP2. ...