Jquery和Dom元素的比较案例

来源:互联网 发布:邵阳学院教务网络系统 编辑:程序博客网 时间:2024/06/05 22:39
<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><script type="text/javascript" src="js/jquery-1.3.1.js"></script><script type="text/javascript">/* * jquery对象是对dom对象的一种包装类,dom和jquery对象不可以互相调用(js轻量级框架) * 区分大小写:jquery找不到对象的话不会报错(dom会报错undefine)*/function show(){var domValue=document.getElementById("info").value;  //dom对象alert("dom*******"+domValue);var $jquery=$('#info'); //jquery对象:表示id=info所有元素集合var jqueryValue=$jquery[0].value;  //$jquery[0]:将jquery对象转换成dom对象alert("jquery*****"+jqueryValue);}</script></head><body><br><img alt="" src="img/1.jpg"><br><input type="text" id="info"><input type="button" value="显示" onclick="show();"/></body></html>
0 0