如何查找所有按钮输入并使用 jQuery 标记它们？

jQuery 是一个小巧而快速的 JavaScript 库，其座右铭是： “少写多做”。要使用 JQuery，您可以在本地机器上下载 jquery 库，也可以在 HTML 代码中包含 jquery 库。

请记住，在学习 JavaScript 之前，您需要具备 HTML、CSS 和 JavaScript 的基本知识。

注意：在 jQuery 中按钮是一个扩展而不是 CSS 规范的一部分。您无法通过使用 jquery 按钮来利用原生 DOM querySelectorAll() 方法提供的性能提升。

为了获得更好的性能：首先使用纯 CSS 选择器选择元素，然后使用.filter(“:button”) 。

方法：在本文中，我们将学习如何使用 javascript 查找所有按钮输入并对其进行标记。要通过在代码中使用 :按钮选择器来完成此任务。

• :button 选择器：用于选择所有按钮元素和按钮类型的元素。

句法：

$(":button")

例子：

HTML

    
        
        
            textarea {
                height: 35px;
            }
            div {
                color: red;
            }
            fieldset {
                margin: 0;
                padding: 0;
                border-width: 0;
            }
            .marked {
                background-color: yellow;
                border: 3px red solid;
            }
        
        
        
    
    
        GeeksforGeeks
  
        How to find all button inputs 
            and mark them using jQuery?
        
        
            
                
                
  
                
                
                
  
                
                
                
  
                
                
                
                    Option
                
  
                
                Button
            
        
        
  
        
            var input = $(":button").addClass("marked");
            $("div").text("Number of button found - " + input.length + ".");
            // Prevent the form from submitting
            $("form").submit(function (event) {
                event.preventDefault();
            });
        
    

输出：您可以注意到所有按钮输入都被标记。