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值是否存在的問題

複製程式碼 程式碼如下:

click me

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

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

7、jquery的幾種書寫形式

1> 方式一

複製程式碼 程式碼如下:

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

2> 方式二

複製程式碼 程式碼如下:

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

3> 方式三

複製程式碼 程式碼如下:

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

以上幾種方式是一樣的

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