jQuery中parent.append和$after的区别

最新推荐文章于 2023-02-02 14:03:24 发布
原创 最新推荐文章于 2023-02-02 14:03:24 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#append #after #区别 #追加 #元素

本文介绍了前端开发中元素插入的两种基本方法：append 和 after。append 方法用于在当前元素内部的末尾插入新的元素，而 after 方法则是在当前元素之后的外部位置插入元素。这两种方法都是前端开发中常用的技术。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >







append实在当前元素内部最后边插入元素
after是在当前元素后面外插入元素


                

        

    

    
  



    



                



	

		

			

				
					
在vue项目中使用jquery的第三方插件jquery.wordexport.js

				
			

			

				

					MISS_CJL的博客
				

				

					04-23
					
					8580
					
				

			

		

		

			
				
前言

项目需求是甲方需要导出一个word格式的文件，之前我司用的都是ireport，java后台，怎么说呢，比较繁琐，不是很方便。这一次，由于内容很少，就想完全由前端来生成word。在网上找了很多资料，很多回答说使用的是jquery的第三方插件jquery.wordexport.js。这个插件的 样式不灵活，必须是行内样式。表格的话可以统一设置样式。



先放上一张效果图：



项目目录结...

			
		

	



                

            
              



	

		

			

				
					
四、jQuery中的DOM操作

				
			

			

				

					m0_61684063的博客
				

				

					04-14
					
					1408
					
				

			

		

		

			
				
四、jQuery中的DOM操作

			
		

	



              


  
              

                


	

		

			

				
					
jquery .parents() .parent() .closet()方法

				
			

			

				

					Stephen__Wu的博客
				

				

					06-09
					
					1068
					
				

			

		

		

			
				
parent是找当前元素的第一个父节点，parents是找当前元素的所有父节点  
parent()、parents()与closest()方法两两之间有类似又有不同，本篇简短的区分一下这三个方法。通过本篇内容，大家将会在以后使用.parent()、parents()和closest()时不会显得无从下手。

我们直接看例子来来说明一下这三个方法的使用区别：



 <ul id="menu...

			
		

	





	

		

			

				
					
JQuery中的常用函数（一）

				
			

			

				

					m0_46160024的博客
				

				

					05-14
					
					718
					
				

			

		

		

			
				
本代码段展示了JQuery中的七个常用函数，即each函数、append函数、prepend函数、after函数、before函数、find函数以及attr函数。

			
		

	



		

			
		



	

		

			

				
					
每日学到 48 - jQuery基本操作

				
			

			

				

					m0_52588421的博客
				

				

					09-26
					
					475
					
				

			

		

		

			
				
clone():此函数中可以传递一个boolean类型的参数，默认值是false,表示复制元素上的绑定事件不复制，如果为true，则复制元素上的绑定事件也会一起复制。addClass('class样式名')：给元素添加类样式，可以添加一个或者多个样式，添加的类样式不会覆盖之前已经存在的样式。返回最近的已定位祖先元素。$(A). prependTo (B)表示将A前置插入到B中。$(A). prepend (B)表示将B前置插入到A中。attr()是获取和设置元素的属性，css()是获取和设置元素的样式。

			
		

	





	

		

			

				
					
JQUERY 常用方法大全

				
			

			

				

					weixin_30340775的博客
				

				

					09-26
					
					686
					
				

			

		

		

			
				
Dom：


Attribute：

$("p").addClass(css中定义的样式类型); 给某个元素添加样式

$("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map

$("img").attr("src","test.jpg"); 给某个元素添加属性/值

$("img").attr("title", ...

			
		

	





	

		

			

				
					
JQuery中.after的用法

				
			

			

				

					qq_44206824的博客
				

				

					02-02
					
					642
					
				

			

		

		

			
				
这是插入的部分

			
		

	





	

		

			

				
					
Jquery实验报告.doc

				
			

			

				

					03-10
				

			

		

		

			
				
在给定的Jquery实验报告中，我们看到了多个关于jQuery操作DOM元素的示例。首先，引入了jQuery库，这是所有jQuery操作的基础。接着，通过选取DOM元素来演示不同的jQuery方法。  1. **选取元素**：  - `$("ul li:eq(1)...

			
		

	





	

		

			

				
					
jquery 使用方法.docx

				
			

			

				

					02-28
				

			

		

		

			
				
2. **过滤和导航**：一旦选择了元素集合，可以通过过滤器如 `.eq(index)` 来选择特定索引的元素，或使用 `.next()`, `.parent()`, `.closest()`, `.children()` 和 `.siblings()` 在 DOM 树中移动并选择相关元素。...

			
		

	





	

		

			

				
					
jquery 使用方法.pdf

				
			

			

				

					02-28
				

			

		

		

			
				
在本文中，我们将深入探讨jQuery的使用方法，尤其是如何选择网页元素、改变结果集、实现链式操作、以及执行元素的操作和移动。  1. 选择网页元素：  - jQuery通过CSS选择器来选取网页中的元素，如`$(document)`选取...

			
		

	





	

		

			

				
					
深入学习jquery源码之before()和after()

				
			

			

				

					悦分享
				

				

					12-30
					
					1155
					
				

			

		

		

			
				
深入学习jquery源码之before()和after()

after(content|fn)

概述

在每个匹配的元素之后插入内容。

参数

content String, Element, jQuery

插入到每个目标后的内容

function Function

函数必须返回一个html字符串。

在所有段落之后插入一些HTML标记代码。


<p>I would li...

			
		

	





	

		

			

				
					
jQuery parent.append和$after的区别

				
			

			

				

					weixin_34146410的博客
				

				

					10-19
					
					155
					
				

			

		

		

			
				
首先假设我们有个id为test的div和一个id为test2的div：





<div id="test">
    我是测试div
</div>
<div id="test2">
    我是test2！
</div>





append是在指定元素内部比如：





$("#test&qu

			
		

	





	

		

			

				
					
jQuery after( ) 方法

				
			

			

				

					m0_57835615的博客
				

				

					06-12
					
					2122
					
				

			

		

		

			
				
通过jQuery的 after( ) 方法，我们可以在被选元素之后插入指定的内容。

语法格式：


$(selector).after(content,function(index))

参数：




			
		

	





	

		

			

				
					
jQuery学习笔记（二）

				
			

			

				

					去你姑
				

				

					08-28
					
					128
					
				

			

		

		

			
				
什么都不说了，先上代码再解释
[code="java"]
$(document).ready(function(){
	setClickable();
		});
function setClickable() {
	$('#editInPlace').click(function() {
		var textarea = ''+$(this).html()+''; 
		var ...

			
		

	





	

		

			

				
					
jQuery：1.5.3，表单验证(父级(parent)层次追加(apped))

				
			

			

				

					weixin_33834910的博客
				

				

					12-05
					
					180
					
				

			

		

		

			
				
ylbtech-jQuery:jQuery学习

jQuery语法实例

表单验证
效果截图




jQuery：1.5.3,表单验证（父级(parent)层次追加(apped)）HTML代码返回顶部



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <t...

			
		

	





	

		

			

				
					
jquery中添加元素的四种方法

				
			

			

				

					业余前端的职业经历
				

				

					03-30
					
					3132
					
				

			

		

		

			
				
jquery添加dom元素的四种方式

可以分为俩类

1.相对于父元素插入位置

1.1父元素的第一孩子元素

$('parent').prepend('child') // parent和child分别代表父元素和要插入子元素

1.1父元素的最后一孩子元素

$('parent').append('child') // parent和child分别代表父元素和要插入子元...

			
		

	





	

		

			

				
					
在html中使用$("#a").after(str)和$("#a").hmtl(str);的区别

				
			

			

				

					qq_42885825的博客
				

				

					10-29
					
					2025
					
				

			

		

		

			
				
首先使用   **KaTeX parse error: Expected 'EOF', got '#' at position 3: (&quot;#̲a&quot;).after(str)*…(&quot;#a&quot;).hmtl(str);**样式有效。



			
		

	





	

		

			

				
					
jQuery 文档操作 - after() 方法

				
			

			

				

					evilcry2012的专栏
				

				

					12-19
					
					540
					
				

			

		

		

			
				
jQuery 文档操作 - after() 方法


jQuery
 文档操作参考手册



实例

在每个 p 元素后插入内容：
$("button").click(function(){
  $("p").after("Hello world!");
});


亲自试一试



定义和用法

after() 方法在被选元素后插入指定的内容。
语法
$

			
		

	





	

		

			

				
					
ParentNode.append和Node.appendChild的区别

				
			

			

				

					落日夕霞的博客
				

				

					10-17
					
					2552
					
				

			

		

		

			
				
ParentNode.append和Node.appendChild的区别

			
		

	





	

		

			

				
					
JQuery 1.4 API 中文参考手册详细指南

				
			

			

				

					
				

			

		

		

			
				
- **数组和对象操作**：如`$.each(object, [callback])`、`$.extend([d], tgt, obj1, [objN])`等。  了解以上知识点，可以让JQuery的使用更加得心应手，提高前端开发的效率和质量。JQuery_1.4_API.CHM不仅为开发者...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值