jQueryDom

作者: 转身那一眼红颜 | 来源:发表于2018-02-11 21:33 被阅读0次

文档处理
append(content|fn)向每个匹配的元素内部追加内容

<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
 <p>I would like to say: <b>Hello</b></p>

prepend(content)向所有匹配元素内部的开始处插入内容

<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>");
<p><b>Hello</b>I would like to say: </p>

before(content|fn)在每个匹配的元素之前插入内容

<p>I would like to say: </p>
$("p").before("<b>Hello</b>");
<b>Hello</b><p>I would like to say: </p>

after(content|fn)在每个匹配的元素之后插入内容

<p>I would like to say: </p>
$("p").after("<b>Hello</b>");
<p>I would like to say: </p><b>Hello</b>

remove([expr])从DOM中删除所匹配的元素

<p>Hello</p> how are <p>you?</p>
$("p").remove()
how are

empty()删除匹配的元素集合中所有的子节点。

<p>Hello, <span>Person</span> <a href="#">and person</a></p>
$("p").empty();
<p></p>

属性
html([string])这是一个读写两用的方法用于获取修改元素innerHTML
当没有传递参数的时候,返回元素的innerHTML
当传递一个string参数的时候,修改元素的innerHTML为参数

$('div').html()
$('div').html('123')

text([val|fn])取得所有匹配的元素的内容。结果是由所有匹配包含的文本内容组成起来的文本

 $('p').text();
 <p><b>Test</b> Paragraph.</p>
 <p></p>
 var str = $("p:first").text();
 $("p:last").html(str);
 Test Paragraph.
 Test Paragraph.

相关文章

  • jQueryDom

    文档处理append(content|fn)向每个匹配的元素内部追加内容 prepend(content)向所有匹...

  • jQueryDOM操作

    1. $node.text()和$node.html()区别 都是读写两用的方法;$node.html():获取/...

  • jQueryDOM操作

    添加元素 .append(content[,content]) / .append(function(index,...

  • jQueryDOM操作

    创建元素 $('<标签名>') 内部插入 元素.append(参数) $(新元素).appendTo (参数) p...

  • jQueryDOM/函数

    资料来源---W3C与网络 一. jQuery 对象和原生 Dom 对象有什么区别? DOM对象是我们用传统的方法...

  • jquery基础2

    今天继续介绍jQuerydom操作内部插入:append()插入到该元素的最后面prepend()插入到元素的最前...

  • 前端进阶

    jquery jsDOM 和jqueryDOM转换 选择器 $("h3.jy")//交集选择器,既是h3标签,cl...

  • jQueryDom的操作(2)

    第二章 对jQuery对象的属性、特性以及数据的操作 操作元素的特性和属性值 元素的特性和属性 特性attribu...

  • jQueryDom的操作(1)

    第一章 如何筛选jQuery对象 操作jQuery对象,如何创建HTML DOM对象和jQuery对象 区别 检...

  • jQueryDOM遍历操作和原生js遍历

    遍历 each(function(index,ele){ele.innerHTML})得到原生DOM map(fu...

网友评论

      本文标题:jQueryDom

      本文链接:https://www.haomeiwen.com/subject/xppltftx.html