10 24 JQ繼續DOM操作

2021-09-28 23:01:00 字數 2403 閱讀 7789

一、dom操作

1.內容操作

(1)html()方法:獲取/設定標籤體內容

如:

內容

若用html()獲取a標籤的內容 ,獲取的是:內容

//獲取

$("a").html();

//設定

$("a").html("aaa"),此時變成aaa,沒有標籤了

$("a").html(「aaa

」),此時變成aaa

(2)text()方法:獲取/設定標籤體純文字內容

如:

內容

若用test()獲取a標籤的內容 ,獲取的是:內容

//獲取

$("a").test();

//設定

$("a").test("bbb");注,此時變成bbb,標籤也沒有了

(3)val()方法:相當於value屬性,獲取/設定元素的value屬性值

//獲取

$("div").val();

//設定

$("div").val("張三")

2.屬性操作

(1)通用屬性操作

1.1 attr():獲取/設定元素的屬性

1.2 removeattr():刪除屬性

1.3 prop():獲取/設定元素的屬性

1.4 removeprop();刪除屬性

(attr和prop區別:

如果操作的是元素的固有屬性,則建議使用prop

如果操作的屬性是自定義的屬性,則建議使用attr

//獲取北京節點的name屬性

$("#bj").attr("name");

//設定北京節點的name屬性的值為dabeijing

$("#bj").attr("name","dabeijing");

//新增北京節點的discription屬性,屬性值是didu

$("#bj").attr("discription","didu");

//刪除北京節點的name屬性

$("#bj").removeattr("name");

//獲取hobby的checked的屬性

$("#hobby").prop("checked");

(2)對class屬性操作

2.1 addclass():新增class屬性值

2.2 removeclass();刪除class屬性值

2.3 toggleclass();切換class屬性(比如:toggleclass(「one」):判斷如果元素物件上存在class=「one」,則將屬性值one刪除掉。如果元素物件上不存在class=「one」,則新增)

(1)採用屬性增加樣式

$("#one").prop("class","second"); class是div的固有屬性

(2)使用addclass增加樣式

$("#one").addclass("second");

(3)刪除class="second"屬性

$("#one").removeclass("second");

(4)通過css()獲得id為one的背景顏色

$("#one").css("backgroundcolor") ;(如果css()含有乙個值的話,是獲取對應屬性的值)

(5)通過css()設定id為one 的背景色為綠色

$("#one").css("backgroundcolor","green") ;

(3)css()方法

(5)after():追加元素到元素 後面

*物件1.after(物件2):將物件2新增到物件1後邊,物件1和物件2是兄弟關係

(6)before():追加元素到元素 前邊

*物件1.after(物件2):將物件2新增到物件1前邊,物件1和物件2是兄弟關係

(7)insertafter():追加元素到元素 後面

*物件1.insertafter(物件2):將物件2新增到物件1後邊,物件1和物件2是兄弟關係

(8)insertbefore():追加元素到元素 後面

*物件1.insertbefore(物件2):將物件2新增到物件1前邊,物件1和物件2是兄弟關係

(9)remove():移除元素

*物件.remove():將物件刪除

(10)empty():清空元素是所有後代元素

*物件.empty():將元素的後代元素全部清除,但保留當前物件以及其屬性節點

(1)將反恐加到city的後邊

(2)將反恐加到天津的後面

$("#tj").after($("#fk"));

(3)刪除「北京」節點

$("#bj").remove();

redhat linux下安裝jq和jq的簡單應用

1首先,原始碼包 圖中有寫you can build it using the usual.configure make sudo make install 先tar zxvf 解壓一下包,進入目錄後,用紅色字型的命令進行安裝 這裡我遇到乙個問題是bison的版本過低導致jq不能正確安裝,所以bis...

每日總結10 24

今日的計畫圖 1.今日完成的主要任務是 完成專案階段二的地圖配準,並將個人的思維與實踐寫成一篇文件 2.總結反省 1 雖然今天的時間管理較之之前,有很大的進步,但是發現個人在利用散時間上仍然不夠好,應當充分運用各種散時間 2 任務仍然不能全部完成,部分由於個人工作效率比較低,應注意提高個人工作效率 ...

10 24學習日常

1 if 表的式 語句一 2 if 表示式 語句一else 語句二 3 if 表示式一 語句一 else if 表示式二 語句二 else if 表示式三 語句三 4 巢狀 if if 語句一 else 語句二 else if 語句三 else 語句四 非 算數 關係 與 或 賦值 一般形式 表示式...