dom对象转化成jquery对象

相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。

如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://code.jquery.com/jquery-1.11.3.js"></script>
</head>

<body>
    <div>元素一</div>
    <div>元素二</div>
    <div>元素三</div>

    <script type="text/javascript">
        var div = document.getElementsByTagName('div'); //dom对象
        
        var $div = $(div);//将dom节点div转化为$div的jquery对象
        
        var $first = $div.first(); //找到第一个div元素
        $first.css('color', 'red'); //给第一个元素设置颜色
    </script>
</body>

</html>