原生的js与jquery的js对象之间的转换

最新推荐文章于 2024-08-02 04:03:28 发布

开着拖拉机的梦想家

最新推荐文章于 2024-08-02 04:03:28 发布

阅读量1.5w

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/wu920604/article/details/51758959

版权

jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

在说他们之间的转换之前先说一下他们之间的关系吧：

js它是动态的弱类型的语言，是JavaScript的缩写，而jquery是对js的封装、扩展，jquery是使用js封装的框架，就是让

jquery更方便简洁。举个例子吧，js就好比是生的面条，而jquery是方便面，泡一下就可以吃了，比较的方便。

即：jquery是使用最少的代码来完成更多的功能。以上是我对js与jquery的区别的理解。

下面说说他们之间的转换吧---

原生js与jquery js

怎么将原生js对象转换为jquery的js
- 通过在原生js的外围加上 $
- eg:$(原生js)
怎么将jquery 的js转换为原生js：
- 通过在jquery的js后面加上get(0)来获取该jquery对象所对应的原生js
小demo
<script src="jquery-1.8.3.js"></script>

 <body>
  <input type="text" value="123" id="test">
  <input type="button" value="测试" οnclick="test_()">
 </body>
</html>
<script>
function test_() {
//将原生的js转换为jquery的js--只需要在外围加上 $
var test=document.getElementById("test").value;
var testJquery=$(document.getElementById("test")).val();
//alert(testJquery);


//将jquery的js转换为原生的js，是加上get(0)
var jqueryTest=$("#test").val();
var testJs=$("#test").get(0).value;
alert(testJs);
}
</script>