jQuery对象 与 js对象 区别与联系

来源:互联网 发布:上海linux运维培训 编辑:程序博客网 时间:2024/05/16 11:11
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><ul>    <li id="cloth">衣服</li>    <li>裤子</li>    <li>裤衩</li>    <li>袜子</li></ul><script src="jquery-3.2.1.js"></script><script>    $(function () {        //1.什么是DOM对象        var cloth = document.getElementById("cloth");        cloth.style.backgroundColor = "pink";                //2.什么是jq对象:使用jq的方式获取到元素就是jq对象         var $li = $("li");         //$li.text("wogaileneirong")    });    //DOM对象转换jQuery对象     $(cloth).text("呵呵");     //jQuery对象转换DOM对象(取出来)    var $li = $("li");    $li[1].style.backgroundColor = "red";        //1.什么是DOM对象:用js的方式获取到的对象时DOM对象    //2.jQuery对象:用jq的方式获取到的对象时jq对象    //3.区别与联系    //4.区别:js对象yujq对象的方法不能混着用    //5.联系:        //DOM-->jQuery  $();        //jQuery--> DOM  $li[0]  或者 li.get(0)            </script></body></html>
原创粉丝点击