【Jquery】------- get([index])函数使用详情示例

傷城~ 2023-06-14 14:57 5阅读 0赞

> 1.学以致用  孜孜不倦

>  *  ### 概述 ###
> 
>    取得其中一个匹配的元素。 num表示取得第几个匹配的元素。
> 
>    这能够让你选择一个实际的DOM 元素并且对他直接操作，而不是通过 jQuery 函数。$(this).get(0)与$(this)\[0\]等价。
> 
>  *  ### 参数 get(\[index\]) ###
> 
> **   \[index\]**Number
> 
>    取得第 index 个位置上的元素
> 
> **   get()**
> 
>    取得所有匹配的 DOM 元素集合。
> 
>  *  示例
> 
>    
> 
>     <!doctype html>
>     <html>
>     <head>
>     <meta charset="utf-8">
>     <title>修改代码，右边会自动显示结果</title>
>     
>     <meta name="viewport" content="width=device-width, initial-scale=1">
>     
>     
>     
>     <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
>     </head>
>     <body>
>     <img src="http://assets.jq22.com/plugin/pc-ed1b5b98-2d95-11e4-8b02-000c29f61318.png" />
>     <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574222369522&di=01e93106de2d25febd3c731dae3cbc56&imgtype=0&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2Fe380bf25f0fd9bbb41cf0b9907761a36a2fd9b903d98-ZMupfa_fw658"/>
>     
>     <script type="text/javascript">
>     	$(document).ready(function(){
>                 var _img= $("img").get(0);//获取img 的第一个元素
>                 console.log(_img);
>                 var _src=$(_img).attr("src");//获取img的图片地址
>                 console.log(_src);
>                 var _img2=$("img").get(1);//获取img的第二元素
>                 console.log(_img2);
>                 $(_img2).attr("src",_src);//获取img第一个元素图片地址链接赋值在第二个img 上
>                 
>                 var allImg=$("img").get();//获取所有img 元素
>                 console.log(allImg);
>                 
>                 var allImgReverse=$("img").get().reverse();//获取所有img 元素 反向排序
>                 console.log(allImgReverse);
>                
>     	});
>     </script>
>     
>     </body>
>     </html>
> 
>  *   效果图(1)
>  *  ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3_size_16_color_FFFFFF_t_70][]
>  *  效果图（2） 
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191120094007370.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191120094053456.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MzY2NjU3,size_16,color_FFFFFF,t_70