JavaScript之DOM转Jquery对象

DOM转Jquery对象代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../Jquery/jquery-3.3.1.js"></script>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<script>
    /**
     * 如果传递给$(DOM)函数的参数是一个DOM对象,
     * jQuery方法会把这个DOM对象给包装成一个新的jQuery对象
     */
    var aop = document.getElementsByTagName("div");//获取dom集合对象
    var $div = $(aop);//将dom对象转为jq对象,是从Dom找的所以不能加引号!!!!
    var $sun = $div.first();//获取第一个
    var $tow = $div.eq(1);//获取第二个
    $tow.css("color","blue")
    $sun.css("color","red")
</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/lreing/p/9352914.html