jQuery和JavaScript的转换

哀愁

于 2020-07-26 15:51:07 发布

阅读量507

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/csdn_cai/article/details/107594625

版权

js 专栏收录该内容

5 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery和javaScript的转换</title>
    <script type="text/javascript" src="jquery-3.4.1.js"></script>
</head>
<body>
<input type="text" id="text">
<input type="button" value="jQuery" id="btn">
</body>
</html>

<script type="text/javascript">

    //入口函数的简写方式
   $(function () {
       $("#btn").click(function () {
            //dom对象转成jQuery对象
            var element = document.getElementById("text");
            var val1 = $(element).val();
            alert(val1)


           //jQuery 对象转成dom对象可以使用dom对象中的属性和方法，如果不进行转化就不能使用
           var val = $("#text")[0].value;
           //alert(val)
       })
   })

</script>