(3)Jquery1.8.3快速入门_jquery对象dom对象转换

最新推荐文章于 2024-06-14 15:02:13 发布

weixin_34318326

最新推荐文章于 2024-06-14 15:02:13 发布

阅读量70

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/prefectjava/p/9126178.html

版权

1、Jquery 对象 dom对象的转化使用：

1.1、jquery 对象：通过$()包装DOM对象后产生的对象。
1.2、jquery对象是Jquery独有的 ,可以使用jquery中的方法。
1.3、jquery对象无法使用DOM对象中的任何方法，同样DOM对象也不能使用Jquery里的任何方法。
约定：如果获取的是jquery对象，那么要在变量前加$

jquery对象：var $jin =

DOM对象： var jin=

1.4、jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。

var $v = $("button");

var v1 = $v[0];

// 或者用 get(index) 获得dom对象，

var v2 = $v.get(0);

源码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery 学习1</title>
<!--  导入jquery库 -->
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
    
    $("button").click(function(){
        
        alert(this.firstChild.nodeValue+"：dom对象使用");
        alert($(this).text()+":dom转化为jquery对象使用");
        
        var $btn2 = $("#bt2");
        //jquery对象转dom
        alert($btn2[0].firstChild.nodeValue);
        
        
        
        
    });
    
})


</script>


</head>
<body>
jquery 对象： 通过$()包装DOM对象后产生的对象。
<br>
jquery对象是Jquery独有的 ,可以使用jquery中的方法。
<br>
jquery对象无法使用DOM对象中的任何方法，
同样DOM对象也不能使用Jquery里的任何方法。
<br/>
约定：如果获取的是jquery对象，那么要在变量前加$

jquery对象：var $jin = 
DOM对象： var  jin=
<br/>
jquery 对象实际上是一个数据组对象可以通过[index]的方法获得相应的DOM对象。
var $v = $("button");
var  v1 = $[0];

或者用 get(index) 获得dom对象

var v2 = $v.get(0);


<button>click me </button>
<button id ="bt2">click me2 </button>



</body>
</html>

转载于:https://www.cnblogs.com/prefectjava/p/9126178.html

weixin_34318326

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
(3)Jquery1.8.3快速入门_jquery对象dom对象转换

1、Jquery 对象 dom对象的转化使用：1.1、jquery 对象：通过$()包装DOM对象后产生的对象。1.2、jquery对象是Jquery独有的 ,可以使用jquery中的方法。1.3、jquery对象无法使用DOM对象中的任何方法，同样DOM对象也不能使用Jquery里的任何方法。约定：如果获取的是jquery对象，那么要在变量前加$ ...
复制链接

扫一扫