一、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 語句四 非 算數 關係 與 或 賦值 一般形式 表示式...