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

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

傷城~ 2023-06-14 14:57 59阅读 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">
<!--css样式-->
<!--引用jquery库-->
<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>