初識Jquery（二）Jquery物件與DOM物件

jquery物件：html()

var obj = $(

"#content);
obj.html("jquery物件");

var obj = document.getelementbyid("content);

obj.innerhtml("
"dom物件)

var test=$("li").get();//jquery物件轉換成dom物件

alert(test[0].innerhtml());
alert(test[1].innerhtml());

var $test=$(document.getelementsbytagname("li"));//dom物件轉換成jquery物件

alert($test.eq(0).html());
alert($test.eq(1).html());

//dom物件

$(function
());
})//jquery物件
$(function
());
})//this是js的關鍵字，使用this表示dom物件，但用$(this)使dom物件轉換為jquery物件，再使用jquery物件的css()方法

jquery物件.css(name,value);

$(function

());//多個
});})

jquery物件.addclass(class0 class1…);

type="text/css">

.cla1
style>
$(function
());
})script>

toggleclass(class);樣式規則的來回切換

toggle();顯示，隱藏的來回切換

type="text/css">

.cla1
style>
$(function
());
})script>

text()：用於獲取所有匹配元素的文字內容

val()：jquery獲取元素的值

元素屬性操作

獲取元素屬性$("img).attr("src");

設定元素屬性$("img).attr("src","1.jpg");

刪除元素屬性$("img).removeattr("src");

建立節點$(html)

var $div = $("hello,world

")

插入節點

(1)元素內部插入子節點

語法功能描述

prepend(content)

$(a).prepend(b)表示將b前置插入a中

prepend(content)

$(a).prependto(b)表示將a前置插入b中

(1)元素外部插入同輩節點

語法功能描述

after(content)

$(a).after(b)表示將b插入到a之後$("ul").after($div)

insertafter(content)

$(a).insertafter(b)表示將a插入到b之後$div.insertafter("ul")

before(content)

$(a).before(b)表示將b插入到a之前$("ul").before($div)

insertbefore(content)

$(a).insertbefore(b)表示將a插入到b之前$div.insertbefore("ul")

替換節點

$("ul li:last").replacewith($li)

複製節點

jquery物件.clone()若將全部行為複製，使用clone(true)

刪除節點

jquery物件.remove($li)

jQuery基礎 初識jQuery

根據各種 的源 了解到要用1.x 引入 jquery庫 src jquery 1.12.4.js script 編寫 通過原生的js入口函式可以拿到dom元素 通過原生的js入口函式可以拿到dom元素的寬高 window.onload function ev script document read...

jquery 學習 一 初識jquery

1，引入jquery 2，與 jquery 的關係 first 等價於 jquery first 3，比較 document ready function window.onload 及 function window.onload document ready 執行時機 等待網頁中所有內容載入完成...

初識jQuery 什麼是jquery

本節課的主要內容為 jquery 是由美國人 john resig 於 2006 年建立的乙個開源專案，基本功能包含訪問和操作 dom 控制頁面樣式 處理頁面事件 便捷的動畫 便捷的 ajax 等。我們在基礎班的課程中有講過 css 選擇器，jquery 選擇器即通過 這個建構函式，按照 css 選...