1--Jquery对象和JS对象

最新推荐文章于 2024-04-13 00:35:30 发布

qwy715229258163

最新推荐文章于 2024-04-13 00:35:30 发布

阅读量198

点赞数 2

分类专栏： Jquery 文章标签： jquery js dom

本文链接：https://blog.csdn.net/qwy715229258163/article/details/113848083

版权

Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

Jquery对象

JQuery对象就是通过JQuery包装的DOM对象后产生的对象。
JQuery对象是JQuery独有的，如果一个对象是JQuery对象，则可以使用JQuery中的方法。之前DOM对象中的属性和方法，在JQuery中是无法使用的，同样JQuery对象中的属性和方法也不能在原生态的JS中使用。
实例1：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Jquery对象和JS对象</title>
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    username:<input id="username" value="admin"><br>
    <script>
        /*使用原生态的js获取一个DOM对象*/
       var e_input= document.getElementById("username");
        /*使用原生态的js通过DOM属性获取了value的值*/
        /*var val=e_input.value;*/
        /*错误： DOM对象不能使用JQuery中的属性和方法*/
        var val=e_input.val();
        alert(val);
    </script>
</body>
</html>

实例2：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Jquery对象和JS对象</title>

    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    username:<input id="username" value="admin"><br>
    <script>
        /*通过JQuery获取一个元素节点（JQuery对象）*/
      var e_input=  $("#username");
     /* var val=  e_input.value;*/
     /*错误： Jquery对象不能使用JS中的属性*/
      var val=  e_input.val();
        alert(val);
    </script>
</body>
</html>