一、前言

接着上一章的内容,接着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. 【Excel函数】如何在excle区分一列数字是否连续

    需求:区分这批卡号,哪些在一个号段 数据源: 89860616090033685544898606160900336855518986061609003368556989860616090033685 ...

  2. HTML基本代码教学片,认识HTML

    今儿头午有点晕晕的感觉,咳咳,甩甩头开课 HTML 定义:超文本标记语言 (记不住的可以这么记:how to make love ! 哈哈,准备开车,粗人一个,长的不行) 其实理解起来很简单,超越文本 ...

  3. C# 合并多个结构相同的DataTable

    public DataTable GetAllDataTable(DataSet ds) { DataTable newDataTable = ds.Tables[0].Clone(); //创建新表 ...

  4. 微信小程序模板消息群发解决思路

    基于微信的通知渠道,微信为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验.(微信6.5.2及以上版本支持模板功能.低于该版本将无法收到模板消息.) 模板推送位置:服务通 ...

  5. MAC下Android的Eclipse开发环境搭建

    原文链接:https://www.cnblogs.com/macro-cheng/archive/2011/09/30/android-001.html 一.Eclipse的下载 到网站:http:/ ...

  6. C# ArcFace 免费人脸识别 2.0 demo

    **配置过程:** 1. 到[虹软官网](https://ai.arcsoft.com.cn/index.htm?utm_source=csdn&utm_medium=referral)下载S ...

  7. Machine Learning笔记整理 ------ (一)基本概念

    机器学习的定义:假设用P来评估计算机程序在某任务类T上的性能,若一个程序通过利用经验E,使其在T中任务获得了性能改善,我们则说关于任务类T和P,该程序对经验E进行了学习(Mitchell, 1997) ...

  8. 基于kcp,consul的service mesh实现

    名字kmesh 技术:proxy,kcp,consul proxy proxy分为前端和后端 前端代理服务层,包括外部的service 后端实现负债均衡 kcp kcp 基于udp,能够实现快速的传输 ...

  9. Python Pygame (2) 事件

    程序在运行期间会产生许许多多的事件,事件随时可能发生(如移动鼠标,点击鼠标,敲击键盘按键),Pygame的做法是将所有的事件都放到事件队列里,通过for循环语句迭代取出每一条事件,然后处理关注的事件即 ...

  10. 第一次作业(homework-01)成绩公布

    已收到博客名.github名的同学得分列表: 学号后三位 成绩(0-10) 215 8082 0132 5184 5027 7194 9.5157 7074 8195 6222 8158 6128 8 ...