1--Jquery对象和JS对象

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>

总结:
JQuery对象虽然是对原生态JS的封装但是.
JS中的属性和方法只能在JS中使用。
JQuery对象中的属性和方法也只能在JQuery中使用。

猜你喜欢

转载自blog.csdn.net/qwy715229258163/article/details/113848083
今日推荐