jQuery自學筆記(31 40

2021-10-25 11:20:04 字數 1275 閱讀 2061

34-城市選擇案例

35-清空節點empty()與移除節點remove()

36-**刪除

37-38 clone()與val()

39-動態資料的新增與刪除

40-jquery操作屬性

p1 span1

標題位址

說明操作

var $linew = $("我是新建立的li標籤");
var #li3 = $('#li3');
var #li32 = $('#li32');
父元素.prepend(子元素)作為第乙個元素新增

var $linew = $("我是新建立的li標籤");

$('#ul1').prepend($linew);

元素a.before(元素b) 把元素b插入到元素a的前面,作為兄弟元素新增

元素a.before(元素b) 把元素b插入到元素a的後面,作為兄弟元素新增

北京上海

深圳廣州

西紅柿

>>

<<

>

<

//1.清空ul (ul還在)

$('#ul1').html(""); //不推薦使用,因為如果節點已經繫結了事件的話可能會造成記憶體洩漏,不安全

$('#ul1').empty(); //推薦使用

//2.移除某個節點

$('#li3').remove(); //自殺

//3.移除ul,但是只能獲取li3這個標籤(ul不在)

$('#li3').parent().remove();

該案例已經寫到32-生成**案例中

$('#clone').click(function())
該案例也已經寫到32-生成**案例中

詳見.attr()函式

jQuery 自學筆記 3

this hide 演示 jquery hide 函式,隱藏當前的 html 元素。test hide 演示 jquery hide 函式,隱藏 id test 的元素。p hide 演示 jquery hide 函式,隱藏所有 元素。test hide 演示 jquery hide 函式,隱藏所有...

jQuery自學筆記(三) jQuery動畫效果

jquery隱藏和顯示 使用 hide 和 show 方法來隱藏和顯示 html 元素 語法 selector hide speed,callback selector show speed,callback 可選的 speed 引數規定隱藏 顯示的速度,可以取以下值 slow fast 或毫秒,可...

HTML之jQuery自學筆記(六)

新增新的html內容 有以下四個方法 prepend 在被選元素的開頭插入內容 after 在被選元素之後插入內容 before 在被選元素之前插入內容 那麼這幾個方法有什麼不同呢?在結尾和之後插入內容又有什麼不同。語法 同理,prepend after before依然可用。刪除內容 元素 說到刪...