JQuery奇偶数选择器的使用及DOM Element元素的删除方法

最新推荐文章于 2023-09-19 13:59:34 发布
最新推荐文章于 2023-09-19 13:59:34 发布
阅读量173 收藏 1
点赞数 1
文章标签： jquery html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzzhy_421/article/details/132418143
版权
本文介绍了JQuery的奇数和偶数选择器，详细讲解了其语法和作用，并探讨了JavaScript中删除DOM元素的方法removeChild()。通过一个具体的案例，展示了如何在页面加载时实现表格隔行换色，以及点击删除按钮删除当前行信息的操作。
摘要由CSDN通过智能技术生成

1.过滤器选择器

        1.1奇数选择器

                语法格式：$("A:odd");

                作用：奇数，从0开始计数

        1.2偶数选择器

                语法格式：$("A:even");

                作用：偶数，从0开始计数

2.JavaScript-DOM

        2.1Element元素的删除操作

                方法名：removeChild(子元素)

                说明：用父元素删除指定子元素

3.具体实现案例

        3.1要求

                页面加载完成表格中隔行换色，点击删除可以实现删除当前行的信息

        3.2实现效果

         3.3具体代码展示


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  ∞i++
                
              
            

            

                关注
              
            

        

        

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

      

      










                



	

		

			

				
					
css奇数偶数选择器

				
			

			

				

					weixin_52311740的博客
				

				

					07-17
					
					838
					
				

			

		

		

			
				
nth-child和nth-of-type的不同之处就是查找元素的方式不同。前端项目开发中，需要根据行数的奇数和偶数的不同，设置不同的颜色显示，以在视觉上给用户以良好的浏览体验，这里就需要使用css奇数偶数选择器。n可以是一个数字，一个关键字，或者一个公式，比如：nth-child(odd) 奇数 ,nth-child(even) 偶数。:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。nth-child(n) : 匹配父元素中的第 n 个子元素，元素类型没有限制。

			
		

	



                

              
                



	

		

			

				
					
js类库-jQuery选择器

				
			

			

				

					zcc25的博客
				

				

					11-10
					
					370
					
				

			

		

		

			
				
由JohnResig独立发布的一款JavaScript前端类库，使用了CSS选择器机制

支持代码链，大大降低了代码量，是当时最为流行的前端js类库之一。jQuery基本上解决了浏览器差异性问题

jQuery使用非常方便，直接将jQuery依赖下载到本地引入页面即可使用

选择器:

     普通选择器:

          1.id选择器:根据给定Id匹配一个元素: $("#id")

          2.标签选择器:根据给定标签...

			
		

	



                


  
              

                


	

		

			

				
					
css 奇偶数选择器nth-child

					
热门推荐

				
			

			

				

					PrimaryColor
				

				

					09-16
					
					1万+
					
				

			

		

		

			
				
div:nth-child(odd){

} //奇数行

div:nth-child(even){

} //偶数行






			
		

	





	

		

			

				
					
css选择最后两个元素、奇数个，偶数个

					
最新发布

				
			

			

				

					JackieDYH的博客
				

				

					09-19
					
					2650
					
				

			

		

		

			
				
要选择最后两个元素，可以使用。要选择奇数个元素，可以使用。要选择偶数个元素，可以使用。表示最后几个元素的个数。

			
		

	



		

			
		



	

		

			

				
					
CSS-伪类和伪元素

				
			

			

				

					Pluto_lei的博客
				

				

					09-29
					
					198
					
				

			

		

		

			
				
CSS选择器
CSS 选择器用于定位我们想要给予样 式的 HTML 元素。
一、选择器分类
1.1、元素选择器(标签选择器)
p { 
 color: red; 
}
div {  
 color:
}
1.2、 ID选择器
<p id=”box”>饥人谷</p>
<style> 
#box { 
    border: 1px solid red;
} 
</style>
1.3、 类选择器
<p class=“box active”>饥人谷&l

			
		

	





	

		

			

				
					
【css】css奇数、偶数、指定数选择器：

				
			

			

				

					SunPeng的博客
				

				

					09-03
					
					6565
					
				

			

		

		

			
				
【css】css奇数、偶数、指定数选择器：

			
		

	





	

		

			

				
					
jquery选择器排除某个DOM元素的方法（实例演示）

				
			

			

				

					01-19
				

			

		

		

			
				
jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明： 1.选择所有的img元素，排除class=phpernote的元素的个数： 代码如下:$(‘img:not(.phpernote)...

			
		

	





	

		

			

				
					
jquery通过closest选择器修改上级元素的方法

				
			

			

				

					10-24
				

			

		

		

			
				
在本文中，我们将详细介绍jQuery中的closest选择器及其使用方法。jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。使用jQuery，开发者可以更轻松地操作DOM元素，编写更少的...

			
		

	





	

		

			

				
					
jQuery中元素选择器（element）简单用法示例

				
			

			

				

					12-09
				

			

		

		

			
				
本文实例讲述了jQuery中元素选择器（element）简单用法。分享给大家供大家参考，具体如下： 一、介绍 元素选择器是根据元素名称匹配相应的元素。 通俗的讲元素选择器指向的是DOM元素的标记名，也就是说元素选择器是...

			
		

	





	

		

			

				
					
jQuery中DOM节点的删除方法总结（超全面）

				
			

			

				

					01-19
				

			

		

		

			
				
empty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是...

			
		

	





	

		

			

				
					
jQuery添加删除DOM元素方法详解

				
			

			

				

					10-22
				

			

		

		

			
				
本文详细探讨了jQuery在进行DOM操作时添加和删除节点的方法。DOM（Document Object Model）是文档对象模型的缩写，是一种用于HTML和XML文档的编程接口。通过DOM，可以以树状结构访问文档中的节点，从而可以读取、...

			
		

	





	

		

			

				
					
css奇数偶数选择器_Web前端知识体系之基础知识 - CSS语言和功能

				
			

			

				

					weixin_39838302的博客
				

				

					11-27
					
					803
					
				

			

		

		

			
				
1. @ruleCSS 的顶层样式表由两种规则组成的规则列表构成，一种被称为 at-rule，也就是 at 规则，另一种是 qualified rule，也就是普通规则。at-rule 由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束。@charset@charset 用于提示 CSS 文件使用的字符编码方式，它如果被使用，必须出现在最前面。这个规则只在给出语法解析阶段前使用，并...

			
		

	





	

		

			

				
					
jquery奇偶选择器_（一）jQuery选择器

				
			

			

				

					weixin_39793638的博客
				

				

					12-31
					
					85
					
				

			

		

		

			
				
jQuery 选择器jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。在 HTML DOM 术语中：选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。jQuery选择器jQuery选择器jQuery选择器jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p...

			
		

	





	

		

			

				
					
js的选择器

				
			

			

				

					m0_62903673的博客
				

				

					06-13
					
					5247
					
				

			

		

		

			
				
JS选择器

			
		

	





	

		

			

				
					
第三十七天学习java

				
			

			

				

					qq_37549781的博客
				

				

					11-28
					
					120
					
				

			

		

		

			
				
总结
Spring
通过Spring获取对象的两种方式：

方式一：

BeanFactory	懒加载    没获取对象前不会创建对象


方式二：

ApplicationContext  BeanFactory的子类  迫切加载   没获取对象前前就会创建对象


改成懒加载的方法：

xml的beans标签后面加default-lazy-init=“true” beans里面的标签所有都懒加载
单个设置懒加载	lazy-init=“true”



依赖注入
有些时候获取对象时，希望把他的属性配置好，

			
		

	





	

		

			

				
					
jquery奇偶选择器_jQuery——选择器

				
			

			

				

					weixin_39700394的博客
				

				

					02-01
					
					128
					
				

			

		

		

			
				
1、层级选择器选择器是jQuery的核心。一个选择器写出来类似$(‘#dom-id‘)。公式 ：$(选择器).事件(事件函数)回顾DOM操作中我们经常使用的代码：// 按ID查找：var a = document.getElementById('dom-id');// 按tag查找：var divs = document.getElementsByTagName('div');// 查找：var ...

			
		

	





	

		

			

				
					
jQuery选择器：快速定位DOM元素的利器

				
			

			

				

					
				

			

		

		

			
				
 - **标记名选择器**: 直接使用元素名称，如`$("p")`，选择所有该类型的元素，可以进一步设置样式，如设置字体颜色。  2. **层次选择器**:  - **后代选择器**: 通过`~`选择同辈元素，如`$("#one + div")`选择紧跟在...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值