如何在 jQuery 中使用 aria-hidden 属性显示/隐藏函数？

‘aria-hidden’属性在 Web 可访问性的上下文中起着重要作用。这是一种让残障人士更容易访问 Web 内容/应用程序的简单方法。此属性用于指示元素及其所有后代根据实现对任何用户都是不可见或不可感知的。现在在您的脑海中可能会出现一个问题，即“隐藏”和“咏叹调隐藏”属性之间有什么区别？

制作此解决方案的主要方面是仅当内容在屏幕上可见时才使内容可读，否则应保持不可访问。在这里，我们将使用attr()方法执行用于设置/获取元素属性的相同操作。

句法：

Getter: $([selector]).attr('attribute');
Setter: $([selector]).attr('attribute', 'value');

下面的例子说明了上述方法：

例子：

  

  
    aria-hidden attribute on JQuery Show/Hide functions
  
    
    
    
    
    
    
    
    
    
    
        .access {
            margin-left: 90px;
        }
    

  

    
    
        
            
            
            
                
                  Toggle
                
            
        
        
            
            aria-hidden attribute's value :
                
                  false
                
            
        
    
    
    
    
        
            
             
              GeeksforGeeks 
            
            
              A Computer Science portal for Geeks
            
        
    
  
    
        $(document).ready(function() {
            $('button').click(function() {
  
                /*Check and alternate attribute's value,
                then show/hide accordingly using chaining. */
                if ($('.access')
                    .attr('aria-hidden') == 'true')
                    $('.access')
                    .attr('aria-hidden', 'false')
                    .show('fast');
                else
                    $('.access')
                    .attr('aria-hidden', 'true')
                    .hide('slow');
  
                // Display changed attribute's value
                $('#answer')
                .text($('.access')
                      .attr('aria-hidden'));
            });
        });
    

  

输出：