惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - 蓝蓝的天2016

学习materialize VS2013 启用avalon 智能提示 Intelligence 推荐一款开源的C#TCP通讯框架 js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载) HTML5的 input:file上传类型控制(转载） tinymce4.x 上传本地图片 （转载） Visual Studio各版本工程文件之间的转换 [转载] 创建数据库表（转载） 用IIS防止mdb数据库被下载(转载） 放映PPT幻灯片演示文稿如何让演讲者备注不投影到屏幕上(转载) 操作App.config的类(转载) C# MemoryCache 类[转载] 转载css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局 微信 学习网址 winform 路径 CodeSimth - .Net Framework Data Provider 可能没有安装。解决方法[转载 ] 加载js代码 tinymce 上传图片空间（转） 页面跳转
Jquery append()总结（一） 转载
蓝蓝的天2016 · 2016-11-01 · via 博客园 - 蓝蓝的天2016

转载自：http://dushanggaolou.iteye.com/blog/1173457

append(content)   

Javascript代码  收藏代码

  9. function append(content);  
  10.   
  12. <p>I would like to say: </p>  
  13.   
  14. $("p").append("<b>Hello</b>") -> [ <p>I would like to say: <b>Hello</b></p> ]  

    ●  appendTo(content) 

Javascript代码  收藏代码

  10. function appendTo(content);  
  11.   
  13. <p>I would like to say: </p>  
  14. <div id="foo"></div>  
  15.   
  16. $("p").appendTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>  

    ●  prepend(content) 

Javascript代码  收藏代码

  8. function prepend(content);  
  9.   
  11. <p>I would like to say: </p>  
  12.   
  13. $("p").prepend("<b>Hello</b>") -> [ <p><b>Hello</b>I would like to say: </p> ]  
  14.   
  16. <p>I would like to say: </p>  
  17. <p>I would like to say: </p>  
  18. <b class="foo">Hello</b>  
  19. <b class="foo">Good Bye</b>  
  20.   
  21. $("p").prepend( $(".foo")[0] ) ->   
  22.     <p><b class="foo">Hello</b>I would like to say: </p>  
  23.     <p><b class="foo">Hello</b>I would like to say: </p>  
  24.     <b class="foo">Hello</b>  
  25.     <b class="foo">Good Bye</b>   
  26.       
  28. <p>I would like to say: </p><b>Hello</b>  
  29.   
  30. $("p").prepend( $("b") ) -> <p><b>Hello</b>I would like to say: </p>  

    ●  prependTo(content) 

Javascript代码  收藏代码

  10. function prependTo(content);  
  11.   
  13. <p>I would like to say: </p>  
  14. <div id="foo"></div>  
  15.   
  16. $("p").prependTo("#foo") -> <div id="foo"><p>I would like to say: </p></div>  

    ●  after(content) 

Javascript代码  收藏代码

  8. function after(content);  
  9.   
  11. <p>I would like to say: </p>  
  12.   
  13. $("p").after("<b>Hello</b>") -> <p>I would like to say: </p><b>Hello</b>  
  14.   
  16. <b id="foo">Hello</b><p>I would like to say: </p>  
  17.   
  18. $("p").after( $("#foo")[0] ) -> <p>I would like to say: </p><b id="foo">Hello</b>  
  19.   
  21. <b>Hello</b><p>I would like to say: </p>  
  22.   
  23. $("p").after( $("b") ) -> <p>I would like to say: </p><b>Hello</b>  

    ●  before(content) 

Javascript代码  收藏代码

  8. function before(content);  
  9.   
  11. <p>I would like to say: </p>  
  12.   
  13. $("p").before("<b>Hello</b>") -> [ <b>Hello</b><p>I would like to say: </p> ]  
  14.   
  16. <p>I would like to say: </p>  
  17. <b id="foo">Hello</b>  
  18.   
  19. $("p").before( $("#foo")[0] ) -> <b id="foo">Hello</b><p>I would like to say: </p>  
  20.   
  22. <p>I would like to say: </p><b>Hello</b>  
  23.   
  24. $("p").before( $("b") ) -> <b>Hello</b><p>I would like to say: </p>  

    ●  insertAfter(content) 

Javascript代码  收藏代码

  10. function insertAfter(content);  
  11.   
  13. <p>I would like to say: </p>  
  14. <div id="foo">Hello</div>  
  15.   
  16. $("p").insertAfter("#foo") -> <div id="foo">Hello</div><p>I would like to say: </p>  

    ●  insertBefore(content) 

Javascript代码  收藏代码

  10. function insertBefore(content);  
  11.   
  13. <div id="foo">Hello</div>  
  14. <p>I would like to say: </p>  
  15.   
  16. $("p").insertBefore("#foo") -> <p>I would like to say: </p><div id="foo">Hello</div>  

Javascript代码  收藏代码

    1. <span style="font-family: Simsun; font-style: normal; font-variant: normal; font-weight: normal; font-size: medium; line-height: normal; color: #000000; text-indent: 0px; white-space: normal; letter-spacing: normal; border-collapse: separate;" class="Apple-style-span"><span style="font-size: 12px; line-height: 18px; font-family: Arial,sans-serif,Helvetica,Tahoma; text-align: left;" class="Apple-style-span"><strong style="font-weight: bold;"><span style="color: #345286;">●  wrap(elem)</span>  
    2. </strong>  
    3. <span class="Apple-converted-space"> </span>  
    4.   
    5. <pre name="code" class="javascript">
    12. function wrap(elem);  
    13.   
    15. <p>Test Paragraph.</p>  
    16. <div id="content"></div>  
    17.   
    18. $("p").wrap(document.getElementById('content')) ->   
    19.     <div id="content"><p>Test Paragraph.</p></div><div id="content"></div>  
    20. </pre>  
    21. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  wrapAll(elem)</span>  
    22. </strong>  
    23. <span class="Apple-converted-space"> </span>  
    24. <br><pre name="code" class="javascript">
    32. function wrapAll(elem);  
    33.   
    35. <p>Hello</p>  
    36. <p>cruel</p>  
    37. <p>World</p>  
    38.   
    39. $("p").wrapAll(document.createElement("div")) -> <div><p>Hello</p><p>cruel</p><p>World</p></div>  
    40. </pre>  
    41. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  wrapInner(elem)</span>  
    42. </strong>  
    43. <span class="Apple-converted-space"> </span>  
    44. <br><pre name="code" class="javascript">
    51. function wrapInner(elem);  
    52.   
    54. <p>Hello</p>  
    55. <p>cruel</p>  
    56. <p>World</p>  
    57.   
    58. $("p").wrapInner(document.createElement("b")) ->   
    59.     <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>   
    60. </pre>  
    61. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  wrap(html)</span>  
    62. </strong>  
    63. <span class="Apple-converted-space"> </span>  
    64. <br><pre name="code" class="javascript">
    77. function wrap(html);  
    78.   
    80. <p>Test Paragraph.</p>  
    81.   
    82. $("p").wrap("<div class='wrap'></div>") -> <div class="wrap"><p>Test Paragraph.</p></div>  
    83. </pre>  
    84. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  wrapAll(html)</span>  
    85. </strong>  
    86. <span class="Apple-converted-space"> </span>  
    87. <br><pre name="code" class="javascript">
    100. function wrapAll(html);  
    101.   
    103. <p>Hello</p>  
    104. <p>cruel</p>  
    105. <p>World</p>  
    106.   
    107. $("p").wrapAll("<div></div>") -> <div><p>Hello</p><p>cruel</p><p>World</p></div>  
    108. </pre>  
    109. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  wrapInner(html)</span>  
    110. </strong>  
    111. <span class="Apple-converted-space"> </span>  
    112. <br><pre name="code" class="javascript">
    122. function wrapInner(html);  
    123.   
    125. <p>Hello</p>  
    126. <p>cruel</p>  
    127. <p>World</p>  
    128.   
    129. $("p").wrapInner("<b></b>") -> <p><b>Hello</b></p><p><b>cruel</b></p><p><b>World</b></p>  
    130. </pre>  
    131. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  replaceAll(selector)</span>  
    132. </strong>  
    133. <span class="Apple-converted-space"> </span>  
    134. <br><pre name="code" class="javascript">
    141. function replaceAll(selector);  
    142.   
    144. <p>Hello</p>  
    145. <p>cruel</p>  
    146. <p>World</p>  
    147.   
    148. $("<b>Paragraph. </b>").replaceAll("p") ->   
    149.     <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>  
    150. </pre>  
    151. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  replaceWith(content)</span>  
    152. </strong>  
    153. <span class="Apple-converted-space"> </span>  
    154. <br><pre name="code" class="javascript">
    161. function replaceWith(content);  
    162.   
    164. <p>Hello</p>  
    165. <p>cruel</p>  
    166. <p>World</p>  
    167.   
    168. $("p").replaceWith("<b>Paragraph. </b>") ->   
    169.     <b>Paragraph. </b><b>Paragraph. </b><b>Paragraph. </b>  
    170. </pre>  
    171. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  empty()</span>  
    172. </strong>  
    173. <span class="Apple-converted-space"> </span>  
    174. <br><pre name="code" class="javascript">
    180. function empty();  
    181.   
    183. <p>Hello, <span>Person</span> <a href="#">and person</a></p>  
    184.   
    185. $("p").empty() -> <p></p>  
    186. </pre>  
    187. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  remove([expr])</span>  
    188. </strong>  
    189. <span class="Apple-converted-space"> </span>  
    190. <br><pre name="code" class="javascript">
    198. function remove([expr]);  
    199.   
    201. <p>Hello</p> how are <p>you?</p>  
    202.   
    203. $("p").remove() -> how are  
    204.   
    206. <p class="hello">Hello</p> how are <p>you?</p>  
    207. $("p").remove(".hello") -> how are <p>you?</p>  
    208. </pre>  
    209. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  clone()</span>  
    210. </strong>  
    211. <span class="Apple-converted-space"> </span>  
    212. <br><pre name="code" class="javascript">
    219. function clone();  
    220.   
    222. <b>Hello</b><p>, how are you?</p>  
    223.   
    224. $("b").clone().prependTo("p") -> <b>Hello</b><p><b>Hello</b>, how are you?</p>  
    225. </pre>  
    226. <br><br><strong style="font-weight: bold;"><span style="color: #345286;">    ●  clone(true)</span>  
    227. </strong>  
    228. <span class="Apple-converted-space"> </span>  
    229. <br><pre name="code" class="javascript">
    237. function clone(true);  
    238.   
    240. <button>Clone Me!</button>  
    241.   
    242. $("button").click(function() {  
    243.   $(this).clone(true).insertAfter(this);  
    244. });</pre>  
    245. </span>  
    246. </span>  

此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。