jQuery 和DOM对象

来源:互联网 发布:北京java培训机构学费 编辑:程序博客网 时间:2024/05/17 03:07

这里介绍了就jQuery和DOM对象的相互转换

$(function() {        //jQuery 和 DOM 对象        //1).获取一个jQuery 对象        var $btn = $("button");       //2).jQuery 对象是一个数组。          //alert($btn.length);      //3).可以通过数组下标转为DOM 对象         //alert($btn[1].firstChild.nodeValue);      //2.由DOM对象转为jQuery 对象      //1).选取一个DOM对象       var btn = document.getElementById("btn");      //2)把DOM 对象转为一个jQuery对象:使用$()进行包装      alert ("--"+ $(btn).text());    });})
<body> <button id="btn">ClickMe</button> <br><br> <button>ClickMe2</button></body>

运行结果
这里写图片描述

alert(this.firstChild.nodeValue);alert($(this).text());alert(this.text());

这说明了DOM对象不能调用jQuery里的方法
只有加了$才能调用jQuery里的方法

0 0
原创粉丝点击