关于jquery和DOM对象的转换 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
 <script type="text/javascript">
 //jquery获得标签的对象
 $(document).ready(function(){
     //1.所要注意的是 只有是转化为jquery对象后 才能对jquery进行操作
     //获取对象
     var $cr=$("#cr");//jquery对象
     //jquery对象转为dom对象
     var _cr=$cr[0];
     console.info(_cr);
     var _input=document.getElementById("cr");//获取dom对象
     console.info(_input);
     //dom对象转为jquery对象
     var $_input=$(_input);
     console.info($_input);
     $cr.click(function(){
         if($cr.is(":checked")){
             alert("感谢你的支持 ,你可以继续操作!")
         }
     })
 });
 
 </script>           
<body>
     <!-- lable标签的作用是当点击文集的时候鼠标焦点会移到输入的文本框中 -->
     <input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面的条款</label>
</body>
</html>

 

posted @ 2017-03-13 14:38  ForYouForMe  阅读(172)  评论(0)  编辑  收藏  举报