jQuery Misc get()方法

jQuery Misc get()方法

jQuery中的get()方法是用来获取由选择器指定的DOM元素。

语法

$(selector).get(index)

参数:该方法接受单个参数index,这是可选的。它被用来指定哪一个匹配的元素,通过其索引号来获取。

例子1:这个例子使用get()方法来获取由选择器指定的元素。

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        jQuery Misc get() Method
    </title>
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head> 
  
<body style="text-align:center;">
            
    <h1 style = "color:green;" >  
        GeeksforGeeks
    </h1>  
      
    <h2>jQuery Misc get() Method</h2>
      
    <button>Click</button>
  
    <div></div>
      
    <script>
        (document).ready(function() {
            ("button").click(function() {
                var x = ("h1").get(0);
                ("div").text(x.nodeName + ": " + x.innerHTML);
            });
        });
    </script> 
</body>
  
</html>  

输出:
在点击按钮之前:
jQuery Misc get()方法
点击按钮后:
jQuery Misc get()方法

例2:这个例子使用get()方法来获取选择器指定的元素。

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        jQuery Misc get() Method
    </title>
      
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head> 
  
<body style="text-align:center;">
  
    <h1 style = "color:green;" >  
        GeeksForGeeks
    </h1>  
      
    <h2>jQuery Misc get() Method</h2>
  
    <button>Click</button>
      
    <!-- Script to use get() method -->
    <script>
        (document).ready(function(){
            ("button").click(function(){
                var x = $("h1").get(0);
                alert(x.nodeName + ": " + x.innerHTML);
            });
        });
    </script> 
</body>
</html>  

输出:
在点击按钮之前:
jQuery Misc get()方法
点击按钮后:
jQuery Misc get()方法

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程