您的位置：首页 > Web前端 > JQuery

jQuery和DOM对象转化

2016-06-04 18:08 399 查看 
<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery和DOM对象转化</title>
<!-- 导入 jQuery 库 -->
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
//$(function(){}) 相当于 window.onload
$(function(){
$("button").click(function(){
alert("helloworld");
alert($(this).text());

//1. 由 jQuery 对象转为 DOM 对象
//1). 获取一个 jQuery 对象
var $btn = $("button");
//2). jQuery 对象是一个数组.
alert($btn.length);
//3). 可以通过数组的下标转为 DOM 对象
alert($btn[1].firstChild.nodeValue);
或alert($btn.get(0).firstChild.nodeValue);

//2. 由 DOM 对象转为 jQuery 对象
//1). 选取一个 DOM 对象
var btn = document.getElementById("btn");
//2). 把 DOM 对象转为一个 jQuery 对象: 使用 $() 进行包装
alert("--" + $(btn).text())
});
});
</script>
</head>
<body>
<button id="btn">ClickMe</button>
<br>
<button>ClickMe2</button>
</body>
</html>




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                jQuery和DOM对象转化
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航