jquery学习系列3(对象)

<script language="javascript">
        //得到div的值
        //        function f() {
        //            var t = document.getElementById("div1").innerHTML;
        //            alert(t);
        //        }
        //得到文本框的值
        //        function f() {
        //            var t = form1.txt1.value;
        //            alert(t);
        //        }
        //        $(
        //        function() {
        //            alert($("#div1").html()); //相当于Dom中document.getElementById("div1").innerHTML
        //        }
        //        );

        //        $(function() {
        //            var div1 = document.getElementById("div1"); //先用Dom对象取值
        //            $(div1).html("<a href='http://www.baidu.com'>baidu</a>")//将Dom转换为jquery给div1赋值
        //            var div1_2 = $(div1)[0];//将jquery转换为Dom
        //            alert(div1_2.innerHTML);//再用Dom取值
        //        });
        
//        $(function() {
//            $("#div1").css("background", "red"); //有参数设置值
//            alert($("#div1").css("color"));    //无参数获取值
//        });
        $(function() {
            $("#txt1").val(new Date()); //用val有参数赋值
            alert($("#txt1").val()); //用val无参数取值

            $("#div1").html("a<font color='red'>b</font>c"); //有参数赋值
            alert($("#div1").html()); //无参数取连带html中的a<font color='red'>b</font>c值
            alert($("#div1").text()); //无参数取具体的值abc
        });
    </script>

<div id="div1">
        你好呀！<span style="color: Red;">朋友</span>
    </div>
    <input type="text" id="txt1" />
    <%--<input type="button" onclick="f()" value="tttt" />--%>