Jquery常用標籤

2022-05-23 09:39:13 字數 1503 閱讀 9742

$(this).hide(1000)//隱藏該元素

$(this).show(1000)//顯示該元素

$(this).fadein(1000)//淡入已隱藏的元素

$(this).fadeout(1000)//淡出已隱藏的元素

$(this).toggle(1000)//切換該元素的顯示或隱藏狀態

$(this).fadetoggle(1000)//淡出顯示元素/淡入隱藏元素

$(this).slideup(1000,callback)//下滑顯示該模組

$(this).fadeto("slow",0.5,showhello())//漸變為一半的濃度 ,然後執行showhello函式

$(選擇到的元素).toggle(速度,返回函式名);

$(this).toggle(500,showhello())

var showhello=()=>

1.捕獲元素

$(this).html   $(this).text

$("#btn2").click(function());

顯示 html

輸出結果:html: 這是乙個隨便寫的內容

prop()函式和attr()函式的區別

prop()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是空字串。

attr()函式的結果:

1.如果有相應的屬性,返回指定屬性值。

2.如果沒有相應的屬性,返回值是 undefined。

對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。

對於html元素我們自己自定義的dom屬性,在處理時,使用 attr 方法。

具有 true 和 false 兩個屬性的屬性,如 checked, selected 或者 disabled 使用prop()

新增元素的四類方法

prepend() - 在被選元素的開頭插入內容

after() - 在被選元素之後插入內容

before() - 在被選元素之前插入內容

刪除元素的方法

$(this).remove();//刪除該元素及其子元素

$(this).empty();//刪除該元素的子元素

例子:$(this).remove(".mycalss") //刪除 元素中 calss為myclass的元素

操作class屬性

$(this).addclass("mycalsss")

$(this).removeclass("myclass")

$(this).toggleclass("myclass")//該方法對被選元素進行新增/刪除類的切換操作

獲取該元素的css屬性

$(this).css("background-color");//獲取該元素的這個屬性

$(this).css("background-color","#ff7f24");//修改該元素的屬性值

jQuery標籤選擇

符號 也可以直接寫成jquery id id class class tag div attr 具備屬性 name 多屬性 name age 屬性篩選 name godme 屬性過濾 name godme 不等 name godme 開頭 name godme 結尾 組合查詢 div,class,n...

jQuery標籤操作

標籤找到就可以進行對應的操作了 addclass cls 新增類 removeclass cls 移除類 attr attr value 有value表示設定,沒有則獲取 removeattr attr 移除指定屬性 hasclass cls 判斷是否包含類 toggleclass cls 有則移除...

JQuery查詢標籤

1id選擇器 id 名稱 cent 2標籤選擇器 tabname 便簽名稱 a 3class選擇器 class class選擇器名稱 b 4配合使用 標籤名稱.選擇器 找到有c1 class類的div標籤 div.c 5所有元素選擇器 6組合選擇器 id選擇器,class選擇器,標籤選擇器 1 x的...