JQuery基础语法小结

$(document).ready(function(){
    alert("hello world");
});

$(document).ready(function(){
    $("a").click(function(){
        alert("hello world");
    });
});

$(document).ready(function(){
    var javascriptElement = document.getElementById("clickme");
    //将dom对象转换为jquery对象
    var jqueryElement = $(javascriptElement);
    //alert("javascript:" + javascriptElement.innerHTML);//innerHTML获取标签的内容
    //alert("jquery:" + jqueryElement.html());
    //将jquery转换为dom对象方式一
    var jElement = $("#clickme");
    var javascriptEle = jElement[0];
    alert("jquery1: " + javascriptEle.innerHTML);
    //方式二
    var javascriptEle2 = jElement.get(0);
    alert("jquery2: " + javascriptEle2.innerHTML);
});

<a id="hello">click me</a>
<script type="text/javascript">
    //以传统方式解决id为空方式一
    if(document.getElementById("helllo")) {
        //如果hello不存在会出错
        document.getElementById("helllo").style.color ="red";
    }
    //方式二
    //$("#hello")[0].style.color="red";
    //用jquery解决
    $("#hello").css("color","red");
    //如果只有一个参数，则此方法是读，如果是两个参数则是些功能（css（“”），css（“”，“”））
    alert($("#hello").css("color"));
</script>

$("document").ready(function(){
    ...
});

$().ready(function(){
    ...
});

$(function(){
    ...
});