JQuery基礎文法小結，jquery文法小結

JQuery基礎文法小結，jquery文法小結

1、$(document)將document對象轉換為jquery

複製代碼 代碼如下:
$(document).ready(function(){
    alert("hello world");
});

2、擷取所有的超連結對象，並且增加onclick事件；其實在底層jquery對象獲得的每個標籤的數組，因此我們不需要進行迴圈了

複製代碼 代碼如下:
$(document).ready(function(){
    $("a").click(function(){
        alert("hello world");
    });
});

3、jquery對象與dom對象之間的轉換

複製代碼 代碼如下:
$(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);
});

4、jquery解決id值是否存在的問題

複製代碼 代碼如下:
<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>

5、在javascript中規定，你要操作css屬性時要將屬性中的‘-'去掉，同時把後一個字母大寫；如：background-color 要改成 backgroundColor

6、jquery中也使用選取器來操縱各種各樣的元素。是繼承了css的設計理念，但是把它更是發揚光大了；

7、jquery的幾種書寫形式

1> 方式一

複製代碼 代碼如下:
$("document").ready(function(){
    ...
});

2> 方式二

複製代碼 代碼如下:
$().ready(function(){
    ...
});

3> 方式三

複製代碼 代碼如下:
$(function(){
    ...
});

以上幾種方式是一樣的

希望本文所述對大家學習jquery程式設計能有所協助。