jQuery 自學筆記 3

2021-09-07 22:04:10 字數 688 閱讀 3467

$(this).hide()

演示 jquery hide() 函式,隱藏當前的 html 元素。

$("#test").hide()

演示 jquery hide() 函式,隱藏 id="test" 的元素。

$("p").hide()

演示 jquery hide() 函式,隱藏所有 元素。

$(".test").hide()

演示 jquery hide() 函式,隱藏所有 class="test" 的元素。

jquery 語法是為 html 元素的選取編制的,可以對元素執行某些操作。

基礎語法是:$(selector).action()

$(this).hide() - 隱藏當前元素

$("p").hide() - 隱藏所有段落

$("p.test").hide() - 隱藏所有 class="test" 的段落

$("#test").hide() - 隱藏所有 id="test" 的元素

您也許已經注意到在我們的例項中的所有 jquery 函式位於乙個 document ready 函式中:

$(document).ready(function());
這是為了防止文件在完全載入(就緒)之前執行 jquery **。

如果在文件沒有完全載入之前就執行函式,操作可能失敗。下面是兩個具體的例子:

初學jquery之自學筆記 3

63.為所有匹配的元素設定乙個計算的屬性值 img attr title function 64.為所有匹配的元素設定乙個屬性值 65.取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回undefined img attr src 66...

jQuery自學筆記(31 40

34 城市選擇案例 35 清空節點empty 與移除節點remove 36 刪除 37 38 clone 與val 39 動態資料的新增與刪除 40 jquery操作屬性 p1 span1 標題位址 說明操作 var linew 我是新建立的li標籤 var li3 li3 var li32 li3...

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

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