jQuery 3 对象转换

jQuery和Dom的对象转换如下:

    Dom对象->jQuery对象:  var jqueryobj=$(DOM对象);

    jQuery对象->DOM对象:    var domobj=jQuery对象[0]或jQuery对象.get(0);

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        //转换为jQuery对象
        $(function () {
            var s = $("#link1").html();
          alert("jQuery obj: "+s);
      });

      //转换为DOM对象

      $(function () {
          var domboj = $("#link1").get(0);//也可以用$("#link1")[0]

          alert("DOM obj: "+domboj.innerHTML);
      });

      $(function () {
          $("#link1").css("background", "yellow");//获得样式
      });

      $(function () {
          $("#btn").click($("#txt").val("我的测试呀"));
      });
      $(function () {
          var s = $("#txt").val()+"alert";
        alert(s);
    });
    $(function () {
        $("#btn").click(function () {
            alert($("#txt").val());
        });
    });
    </script>
</head>
<body>
<a href="http://www.baidu.com" id="link1" style="background:Orange">百度</a>
<input type="text" id="txt" value=""/>
<input type="button" id="btn">
</body>
<script type="text/javascript">
    $(function () {
      alert($("#link1").css("background-color"));//获得样式
    });
</script>
</html>

 

 

posted on 2013-05-25 11:31  天上星  阅读(201)  评论(0编辑  收藏  举报

导航