JQuery常用方法

2021-07-29 03:08:15 字數 1688 閱讀 4032

$("p").attr("class") --獲取p元素的class

$("p").attr("class","high") --設定p元素的class為"high"

$("p").addclass("another") --給p元素追加"another"類

$("p").removeattr("title") --刪除p元素的屬性title

$("p").removeclass("another") --移除p元素中值為"another"的class

$togglebtn.toggle(function(){},function(){}) --交替執行**

$("p").toggleclass("another) --重複切換類名"another"

$("p").hasclass("another") --判斷p元素中是否含有"another"的class

$("p").html("你喜歡什麼?") --設定元素的html**

$("p").text("你喜歡什麼?") --設定p元素的文字內容

$("#shurukuang").focus(functiin(){}) --輸入框獲取滑鼠焦點

$("#shurukuang").blur(function(){}) --輸入框失去滑鼠焦點

$("shurukuang").val()  --設定或獲取元素的值

$("body").children() --獲取body的所有子元素的個數

$("p").next() --取得緊鄰p元素後的同輩元素

$("p").prev() --取得緊鄰p元素前的同輩元素

$("p").siblings() --取得p元素前後所有的同輩元素

$("p").closest() --取得最近的匹配元素

$("p").css() --給p元素設定屬性

$("p").offset() --獲取元素在當前視窗的相對偏移

$("p").position() --獲取元素相對於最近乙個position為relativehe和absolute祖父節點的相對偏移

$("p").scrolltop() --獲取元素的滾動條距頂端的距離

$("p").scrollleft() --獲取元素的滾動條距左側的距離

$("p").mouseover(function(){}).mouseout(function(){}) --滑鼠移進移出

$("p").hover(function(){}, function(){}) --游標懸停

event.stoppropagation() --停止事件冒泡

event.preventdefault() --阻止預設行為

event.type --事件型別

event.target.href --獲取觸發事件的href屬性值

event.pagex()/event.pagey() --獲取游標相對於頁面的x座標和y座標

event.which() --獲取滑鼠的左、中、右鍵

$("p").one() --只執行一次

$("p").trigger() --觸發自定義事件

$("p").fadein()/$("p").fadeout() --改變元素的不透明度

$("p").slideup()/$("p").slidedown() --改變元素的高度

$("p").animate()  --自定義動畫

Jquery 常用方法

取得下拉列表的選取值 testselect option selected text 下拉列表選中的文字 或 testselect find option selected text 或 testselect val 下拉列表選中的值 賦值給下拉列表 testselect attr value 1 ...

Jquery常用方法

常用的方法 show 顯示掩藏的匹配元素 hide 方法 css name,value 給元素設定樣式 text string 設定所有匹配元素的文字內容 filter expr 篩選出與指定表示式匹配的元素集合 find 元素內尋找匹配元素 如 tr find radio 這獲取到 radio v...

jQuery常用方法

1 常用方法 1 filter 過濾 得到具有每一特徵的元素 div filter a css background yellow 所有div裡面找到id為a的div2 not 和filter 相反 div not a css background yellow 所有div裡面找到id不為a的div...