JQuery中DOM操作

最新推荐文章于 2022-11-04 11:03:36 发布
最新推荐文章于 2022-11-04 11:03:36 发布
阅读量156 收藏
点赞数 1
分类专栏： JQuery 文章标签： jquery DOM操作

1、查找节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>01_查找节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	<body>
		 <ul>
		 	 <li id="bj"></li>
			 <li id="tj" name="tianjin">天津</li>
			
		 </ul>
	</body>
    <script type="text/javascript">
//      alert($("#bj").text());
//		
//		$("#bj").text("北京");
//		alert($("#bj").text());
		
		alert($("#bj").attr("name"));
		
		$("#bj").attr("name","beijing");
		alert($("#bj").attr("name"));
		
		$("#bj").removeAttr("name");
		alert($("#bj").attr("name"));
    </script>
   
</html>

2、创建节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>02_创建节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	<body>
		 <ul id="city">
		 	 <li id="bj" name="beijing">北京</li>
		 </ul>
	</body>
	<script type="text/javascript">
		//在city下增加<li id="tj" name="tianjin">天津</li>节点
			//1 创建<li id="tj" name="tianjin">天津</li>
//				//1 创建元素节点<li></li>
//				var $li = $("<li></li>");			//创建元素节点:$(HTML代码)	标签闭合
//				
//				//2 设置属性
//				$li.attr("id","tj");
//				$li.attr("name","tianjin");
//				
//				//3 设置文本内容
//				$li.text("天津");
			
			var $li = $("<li id='tj' name='tianjin'>天津</li>");
			
			//2 获取id="city"标签
			//3 添加
			$("#city").append($li);
			
	</script>
   
</html>

3、内部插入节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>03_内部插入节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	 
	<body>
		 <ul id="city">
		 	 <li id="bj" name="beijing">北京</li>
			 <li id="tj" name="tianjin">天津</li>
			 <li id="cq" name="chongqing">重庆</li>
		 </ul>
		 
		 
		  <ul id="love">
		 	 <li id="fk" name="fankong">反恐</li>
			 <li id="xj" name="xingji">星际</li>
		 </ul>
		
		<div id="foo1">Hello1</div> 
       
	</body>
<script type="text/javascript">
//*   append(content) :向每个匹配的元素的内部的结尾处追加内容
	//append后面的元素插入到append前面的元素的后面
//	$("#bj").append($("#fk"));
	
//*   appendTo(content) :将每个匹配的元素追加到指定的元素中的内部结尾处
	//appendTo前面的元素插入到appendTo后面的元素的后面
//	$("#bj").appendTo($("#fk"));
	
//*   prepend(content):向每个匹配的元素的内部的开始处插入内容
	//prepend后面的元素插入到prepend前面的元素的前面
	$("#bj").prepend($("#fk"));
	
//*   prependTo(content) :将每个匹配的元素插入到指定的元素内部的开始处
	//prependTo前面元素插入到prependTo后面元素的前面
//	$("#bj").prependTo($("#fk"));
	
</script>
   
</html>

4、外部插入节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>04_外部插入节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	 
	<body>
		 <ul id="city">
		 	 <li id="bj" name="beijing">北京</li>
			 <li id="tj" name="tianjin">天津</li>
			 <li id="cq" name="chongqing">重庆</li>
		 </ul>
		
		 <p  id="p3">I would like to say: p3</p>
		 
		 <p  id="p2">I would like to say: p2</p>
		
		 <p  id="p1">I would like to say: p1</p>
       
	</body>
<script type="text/javascript">
//*  after(content) :在每个匹配的元素之后插入内容
	//after后面的元素插入到after前面的元素的后面
//	$("#bj").after($("#p2"));

//*  before(content):在每个匹配的元素之前插入内容 
	//before后面的元素插入到before前面的元素的前面
	$("#bj").before($("#p2"));

//*  insertAfter(content):把所有匹配的元素插入到另一个、指定的元素集合的后面
	//insertAfter前面的元素插入到insertAfter后面的元素的后面
//	$("#bj").insertAfter($("#p2"));
	
//*  insertBefore(content) :把所有匹配的元素插入到另一个、指定的元素元素集合的前面 
	//insertBefore前面的元素插入到insertBefore后面的元素的前面
//	$("#bj").insertBefore($("#p2"));

</script>
   
</html>

5、删除节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>05_删除节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	 
	<body>
		 <ul id="city">
		 	 <li id="bj" name="beijing">北京<p>海淀区</p></li>
			 <li id="tj" name="tianjin">天津<p>河西区</p></li>
			 <li id="cq" name="chongqing">重庆</li>
		 </ul>
		<p class="hello">Hello</p> how are <p>you?</p> 
	</body>
<script type="text/javascript">
   //删除<li id="bj" name="beijing">北京</li>
		$("#bj").remove();
		
   //删除所有的子节点   清空元素中的所有后代节点(不包含属性节点).
		$("#tj").empty();
		
		alert($("#tj").attr("name"));
		
		
</script>
   
</html>

6、复制节点

<pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>06_复制节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	<body>
		<button>保存</button><br>	
	    <p>段落</p>
	</body>
    <script type="text/javascript">
		//button增加事件
		$("button").click(function(){
			alert("button");
		});
		
		
	    //克隆button 追加到p上 ,但事件不克隆
		//clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为
	    $("button").clone(true).appendTo($("p"))
		
		
		//克隆button 追加到p上 ,但事件也克隆
		//clone(true): 复制元素的同时也复制元素中的的事件 
		
    </script>
</html>





 
     
7、替换节点
 
     
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>07_替换节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	<html>
	    <p>段落</p>
		<p>段落</p>
		<p>段落</p>
		<button>保存</button>
	</html>
<script type="text/javascript">
	    //$("button")用 <p>tttttttt</p>替换
		$("button").replaceWith($("<p>tttttttt</p>"));
		
	    // p 用  <button>保存</button>  替换
		$("<button>保存</button>").replaceAll($("p"));
		
</script>
</html>



 
     
8、样式操作
 
    
 
    
 
     
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>08_样式操作.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
		<style type="text/css">
		   .one{
			    width: 200px;
			    height: 140px;
			    margin: 40px;
			    background: red;
			    border: #000 1px solid;
				float:left;
			    font-size: 17px;
			    font-family:Roman;
			}
		
		 	div,span{
			    width: 140px;
			    height: 140px;
			    margin: 20px;
			    background: #9999CC;
			    border: #000 1px solid;
				float:left;
			    font-size: 17px;
			    font-family:Roman;
			}
			
			div.mini{
			    width: 30px;
			    height: 30px;
			    background: #CC66FF;
			    border: #000 1px solid;
			    font-size: 12px;
			    font-family:Roman;
			}
	 </style>
		
		
	</head>
	<body>
		 <input type="button" value="采用属性增加样式"  id="b1"/>
		 <input type="button" value=" addClass"  id="b2"/>
		 <input type="button" value="removeClass"  id="b3"/>
		 <input type="button" value=" 切换样式"  id="b4"/>
		 <input type="button" value=" hasClass"  id="b5"/>
		
 
		 <h1>天气冷了</h1>
		 <h2>天气又冷了</h2>
		 
	   
		
		<br>
		<div id="mover">
		 	  动画
		</div>
		<br>
		<span class="spanone">    span
		</span>
		
	</body>
<script type="text/javascript">
//<input type="button" value="采用属性增加样式"  id="b1"/>
	$("#b1").click(function(){
		$("#mover").attr("class","one");
	});
	
//<input type="button" value=" addClass"  id="b2"/>
	$("#b2").click(function(){
		$("#mover").addClass("mini");
	});
	
//<input type="button" value="removeClass"  id="b3"/>
	$("#b3").click(function(){
		/*
		 * removeClass()
		 * 	* 不传:删除所有样式
		 * 	* 传递:删除指定样式
		 */
		$("#mover").removeClass();
	});
	
//<input type="button" value=" 切换样式"  id="b4"/>
	$("#b4").click(function(){
		//toggleClass():切换样式是在没有样式与指定样式之间
		$("#mover").toggleClass("one");
	});
	
//<input type="button" value=" hasClass"  id="b5"/>
	$("#b5").click(function(){
		//hasClass():是判断是否含有某个具体样式
		alert($("#mover").hasClass("one"));
	});

</script>
</html>



 
     
9、遍历节点
 
     
 
      
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>09_遍历节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	</head>
	 
	<body>
				
		
		 <ul id="city">
		 	 <li id="bj" name="beijing">北京</li>
			 <li id="tj" name="tianjin">天津</li>
			 <li id="nj" name="nanjing">南京</li>
		 </ul>
		
	</body>
	<script type="text/javascript">
		//获取北京节点的父节点
		//alert($("#bj").parent().attr("id"));
		
		//获取city标签下的所有子节点的个数
		//alert($("#city").children().length);
		
		//获取天津节点的上一个兄弟节点和下一个兄弟节点
//		alert($("#tj").prev().attr("name"));
//		alert($("#tj").next().attr("name"));
		
		//获取city标签下所有li标签
		alert($("#city").find("li").length);
		
	</script>
   
</html>



 
      
10、包裹节点
 
      
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>10_包裹节点.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
    
	</head>
	 
	<body>
		<strong title="jQuery">jQuery</strong>
		<strong title="jQuery">jQuery</strong>
	</body>
	<script type="text/javascript">
		//jQuery代码如下：
		$("strong").wrap("<b></b>");
			
		/*
		 * 得到的结果如下
		 * <b><strong title="jQuery">jQuery</strong></b>
		 * <b><strong title="jQuery">jQuery</strong></b>
		 */
		
		//jQuery代码如下：
		$("strong").wrapAll("<b></b>");
			
		/*
		 * 得到的结果如下
		 * <b>
		 * <strong title="jQuery">jQuery</strong>
		 * <strong title="jQuery">jQuery</strong>
		 * </b>
		 */
		
		//jQuery代码如下：
		$("strong"). wrapInner("<b></b>");
			
		/*
		 * 得到的结果如下
		 * <strong title="jQuery"><b>jQuery</b></strong>
		 * <strong title="jQuery"><b>jQuery</b></strong>
		 */
	
	</script>
   
</html>



 
      
 
      
 
     
 
     
 
     
 
    
 
    
 
     
 
    
 
    
 
   
 
   
 
  
 
  
 
 
 
 
 


                

        

        

    




    

      

        

            

              
                
                  须佐能乎！
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
jQuery中的DOM操作

				
			

			

				

					m0_52660785的博客
				

				

					07-28
					
					1717
					
				

			

		

		

			
				
jQuery中的DOM操作

			
		

	



                

              
                



	

		

			

				
					
jQuery DOM节点操作

				
			

			

				

					weixin_44540247的博客
				

				

					04-30
					
					471
					
				

			

		

		

			
				
DOM节点的操作对于原生Js来说就是通过document.createElement()来创建元素，然后通过setAttribute()创建元素的属性和设置属性值。如果要添加一下内容则通过innerHTML()方法给元素添加内容。最后通过appendChild()将该元素添加到body里面或者添加到某个元素里面。

而jQuery对节点操作就不用这么客观、繁琐。jQuery可以直接通过一个appe...

			
		

	



                


  
              

                


	

		

			

				
					
JQ DOM操作

				
			

			

				

					酒馆不打烊
				

				

					02-08
					
					843
					
				

			

		

		

			
				
		&amp;lt;ul&amp;gt;
			&amp;lt;li&amp;gt;&amp;lt;a&amp;gt;首页1&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
			&amp;lt;li&amp;gt;&amp;lt;a &amp;gt;首页2&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
			&

			
		

	





	

		

			

				
					
jQuery DOM操作

				
			

			

				

					qq_36194388的博客
				

				

					07-29
					
					1343
					
				

			

		

		

			
				
jQuery中DOM基本操作

jQuery中的DOM操作主要对包括：建【新建】、增【添加】、删【删除】、改【修改】、查【查找】【像数据库操作】。下面的DOM操作将围绕上面的DOM树进行学习jQueryDOM操作。

【查】查找结点

查找节点非常容易，使用选择器就能轻松完成各种查找工作。

就是利用我们前面学习的选择器来查找节点的。


例：查找元素节点p返回p内的文本内容。
$("p").text();
例：查找元素节点p的属性返回属性名称对应的属性值
$("p").attr("title"); //.

			
		

	



		

			
		



	

		

			

				
					
jQuery中DOM基础操作

				
			

			

				

					一名在校学习前端的小白
				

				

					09-13
					
					879
					
				

			

		

		

			
				
文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。DOM 定义了访问 HTML 和 XML 文档的标准。DOM 可以把 HTML 看做是文档树，通过 DOM 提供的 API 可以对树上的节点进行操作。下面我们来看一下 W3C 上的 dom 树。

			
		

	





	

		

			

				
					
jquery之DOM操作（一）

				
			

			

				

					The_upside_of_down的博客
				

				

					10-11
					
					1644
					
				

			

		

		

			
				
一般来说，DOM操作分为：DOM core（核心）、HTML-DOM和CSS-DOM。

1、DOM Core

DOM Core并不专属于javascript，任何一种支持dom操作的程序都可以使用它。

利用DOM Core来获取表单对象的方法：

document.getElementsByTagName("form");

2、HTML-DOM

它主要是提供一些更简明的符号来描述各种ht...

			
		

	





	

		

			

				
					
jquery之Dom操作

				
			

			

				

					m0_72694993的博客
				

				

					11-04
					
					974
					
				

			

		

		

			
				
().toggleClass("类名");语法格式：$().each(function(index,element){});jQuery对象.attr("属性名", "属性值");$("div").empty()清空div下的内容和元素。$("div").remove()删除所有div元素。$().css("属性名", "属性值");$().removeClass("类名");$().addClass("类名");$().css("属性名");$().html("内容");$().text("内容");

			
		

	





	

		

			

				
					
三、jQuery 中的 DOM 操作（超详细）

				
			

			

				

					weixin_44009656的博客
				

				

					05-04
					
					6305
					
				

			

		

		

			
				
本文详细讲解了 jQuery 中的 DOM 操作。走过路过不要错过丫

			
		

	





	

		

			

				
					
JQuery中的DOM操作

				
			

			

				

					LXYDSF的博客
				

				

					03-29
					
					1119
					
				

			

		

		

			
				
一、获取节点(元素节点、属性节点)
(1) 获取元素节点: 通过 jQuery 选择器完成。

如:alert($(“ul li:eq(2)”).text());

(2) 获取属性节点: 获取 到所需要的元素之后, 可以调用 jQuery 对象的
attr() 方法来获取它的各种属性值。

如:alert($(“p”).attr(“title”));

二、创建节点
$(“html 代码”) 方法将HTML 代码转换成DOM 对象，并将这
个 个DOM 对象包装成一个jQuery
//创建元素节点
var

			
		

	





	

		

			

				
					
JavaScript之jQuery操作DOM详解

				
			

			

				

					qq_47897078的博客
				

				

					01-19
					
					838
					
				

			

		

		

			
				
JavaScript之jQuery操作DOM
jQuery的选择器很强大，用起来又简单又灵活，但是搞了这么久，我拿到了jQuery对象，到底要干什么？
答案当然是操作对应的DOM节点啦！
回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦，而且有的浏览器只有innerHTML，有的浏览器支持innerText，有了jQuery对象，不需要考虑浏览器差异了，全部统一操作！
修改Text和HTML
jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本，例如，如下的HTML结

			
		

	





	

		

			

				
					
jQuery 中DOM 操作详解

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery 中DOM 操作详解,需要的朋友可以参考下

			
		

	





	

		

			

				
					
jQuery中DOM操作实例分析

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了jQuery中DOM操作方法,实例分析了dom对象的创建、属性的修改、样式的修改、动态绑定事件等技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
jQuery中DOM操作原则实例分析

				
			

			

				

					10-16
				

			

		

		

			
				
主要介绍了jQuery中DOM操作原则,结合实例形式分析了jQuery针对dom元素操作的四种常见原则,需要的朋友可以参考下

			
		

	





	

		

			

				
					
node-v4.2.2-headers.tar.xz

				
			

			

				

					05-21
				

			

		

		

			
				
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。



			
		

	





	

		

			

				
					
独栋别墅图纸D020-两层-10.00&11.00米- 施工图.dwg

				
			

			

				

					05-21
				

			

		

		

			
				
独栋别墅图纸D020-两层-10.00&11.00米- 施工图.dwg

			
		

	





	

		

			

				
					
ndnav主题1.1-haiyong.zip

				
			

			

				

					05-21
				

			

		

		

			
				
内容概要：
"ndnav主题1.1-haiyong.zip"是一个针对特定导航需求设计的主题包，提供了一套优化的界面元素和布局，旨在增强用户体验和导航效率。这个主题可能包含了图标、色彩方案、字体样式等视觉元素的自定义，以及可能的操作流程优化，确保用户能够快速找到所需信息。

适用人群：
此主题适合需要高效导航解决方案的用户群体，比如专业领域的工作者、研究人员或是对特定领域有深入了解并追求高效率的信息检索者。它也可能适合那些喜欢定制化界面并希望根据个人喜好或工作需求调整导航工具外观和功能的用户。

使用场景及目标：
该主题可用于多种场合，如图书馆、研究机构、学术会议、企业内部信息系统等，任何需要快速而准确导航大量信息资源的环境都会受益。其目标是减少用户在查找和访问信息时的认知负担，通过直观的设计和布局简化用户路径，从而提高工作效率和满意度。

其他说明：
由于没有具体的文件内容，无法提供更详细的功能描述。不过，一般来说，此类主题包的安装和使用可能需要一定的技术知识，用户在安装前应确保理解如何应用主题，并遵循相关的安装指南。同时，用户也应该注意检查主题包的兼容性，确保它能够与现有的导航系统无缝协作。

			
		

	





	

		

			

				
					
grpcio-1.12.0-cp35-cp35m-manylinux1_i686.whl

					
最新发布

				
			

			

				

					05-21
				

			

		

		

			
				
Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

			
		

	





	

		

			

				
					
xmlpull-1.1.3.1.jar

				
			

			

				

					05-21
				

			

		

		

			
				
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用

			
		

	





	

		

			

				
					
nutz-1.b.52.jar

				
			

			

				

					05-21
				

			

		

		

			
				
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用

			
		

	





	

		

			

				
					
jquery案列dom操作

				
			

			

				

					03-13
				

			

		

		

			
				
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画效果等任务。下面是一个使用jQuery进行DOM操作的示例：  HTML代码： ```html   <p>Hello, jQuery!  ```  JavaScript代码： ```javascript // 通过...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值