03.jQuery html

  • jQuery文档操作

方法 释义 语法
addClass() 添加类属性 $(selector).addClass(class1 -class2 -...)
after() 元素之后插入内容 $(selector).after(content)
append() 向元素结尾插入指定的内容 $(selector).append(content)
appendTo() 将内容插入每个匹配到的元素的结尾 $(content).appendTo(selector)
attr() 设置或返回匹配元素的属性和值 $(selector).attr({attribute:value, attribute:value ...})
before() 在每个匹配的元素之前插入内容 $(selector).before(content)
clone() clone() 方法生成被选元素的副本,包含子节点、文本和属性 $(selector).clone(includeEvents)
detach() detach() 方法移除被选元素,包括所有文本和子节点;detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同 $(selector).detach()
empty() empty() 方法从被选元素移除所有内容,包括所有文本和子节点 $(selector).empty()
hasClass() 检查匹配的元素是否拥有指定的类 $(selector).hasClass(class)
html() 设置或返回匹配的元素集合中的 HTML 内容 $(selector).html(content)
insertAfter() 把匹配的元素插入到另一个指定的元素集合的后面 $(content/selector).insertAfter(selector)
insertBefore() 把匹配的元素插入到另一个指定的元素集合的前面 $(content/selector).insertBefore(selector)
prepend() prepend() 方法在被选元素的开头(仍位于内部)插入指定内容 $(selector).prepend(content)
prependTo() prependTo() 方法在被选元素的开头(仍位于内部)插入指定内容 $(content).prependTo(selector)
remove() remove() 方法移除被选元素,包括所有文本和子节点;但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同 $(selector).remove()
removeAttr() 从所有匹配的元素中移除指定的属性 $(selector).removeAttr(attribute)
removeClass() 从所有匹配的元素中删除全部(无参数)或者指定的类 $(selector).removeClass(-class)
replaceAll() 用匹配的元素/内容替换所有匹配到的元素/内容 $(content/element).replaceAll(selector)
replaceWith() 用新内容/元素替换匹配的内容/元素 $(selector).replaceWith(content/element)
text() 设置或返回匹配元素的内容 $(selector).text(-content)
toggleClass() 从匹配的元素中添加或删除一个类 $(selector).toggleClass(class,-switch)
unwrap() unwrap() 方法删除被选元素的父元素 $(selector).unwrap()
val() 设置或返回匹配元素的值 $(selector).val(-value)
wrap() 把匹配的元素用指定的内容或元素包裹起来 $(selector).wrap(wrapper)
wrapAll() 把所有匹配的元素用指定的内容或元素包裹起来 $(selector).wrapAll(wrapper)
wrapinner() 将每一个匹配的元素的子内容用指定的内容或元素包裹起来 $(selector).wrapInner(wrapper)

  • jQuery属性操作

方法 释义
addClass() 向匹配的元素添加指定的类名。
attr() 设置或返回匹配元素的属性和值。
hasClass() 检查匹配的元素是否拥有指定的类。
html() 设置或返回匹配的元素集合中的 HTML 内容。
removeAttr() 从所有匹配的元素中移除指定的属性。
removeClass() 从所有匹配的元素中删除全部或者指定的类。
toggleClass() 从匹配的元素中添加或删除一个类。
val() 设置或返回匹配元素的值。

  • jQuery css操作

方法 释义
css() 设置或返回匹配元素的样式属性。
height() 设置或返回匹配元素的高度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。
width() 设置或返回匹配元素的宽度。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    </head>

    <body>
        <div id="outerDiv"></div>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#outerDiv").text("innerDiv").css({
                    "background-color": "#6495ED",
                    "padding": "0.5em"
                }).width($(window).height());
            });
        </script>
    </body>

</html>
image.png

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,123评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,031评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,723评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,357评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,412评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,760评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,904评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,672评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,118评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,456评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,599评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,264评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,857评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,731评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,956评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,286评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,465评论 2 348

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    程序员poetry阅读 114,309评论 24 450
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,167评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,330评论 0 2
  • (如转载,请注明出处) 1.安装react npm install react -D react react-do...
    RZsnail阅读 2,385评论 0 1
  • 今年3月份去图书馆给儿子借书,偶然发现了这本书以为是孩子读的,回来一读爱不释手,这更适合大人看 好伐!今天我们就来...
    爱帮女人阅读 2,027评论 0 1