jquery中常用方法

2021-07-22 21:19:29 字數 2820 閱讀 6233

tofixed() 方法可把 number 四捨五入為指定小數字數的數字。

numberobject.tofixed(num)
引數

描述num

必需。規定小數的位數,是 0 ~ 20 之間的值,包括 0 和 20,有些實現可以支援更大的數值範圍。如果省略了該引數,將用 0 代替。

使用$.type能夠返回更準確的物件型別,而對於物件和null typeof則返回object,所以如果你使用jquery來編碼的時候,使用$.type 將更加方便。

data() 方法向被選元素附加資料,或者從被選元素獲取資料。

把資料新增到 div 元素

獲取已新增到 div 元素的資料

eq() 方法

eq() 方法將匹配元素集縮減值指定 index 上的乙個。

.eq(index)
引數

描述index

整數,指示元素的位置(最小為 0)。

如果是負數,則從集合中的最後乙個元素往回計數。

通過為 index 為 2 的 div 新增適當的類,將其變為藍色:

$("body").find("div").eq(2).addclass("blue");
$(

selector

).on(

event,childselector,data,function,map)

on() 方法在被選元素及子元素上新增乙個或多個事件處理程式。(注意:

使用 on() 方法新增的事件處理程式適用於當前及未來的元素(比如由指令碼建立的新元素)。)

如 me.element.on("mousewheel dommousescroll", function(e){}

me.element.on("click", me.selectors.page + " li", function(){}

resize() 方法

當調整瀏覽器視窗的大小時,發生 resize 事件。

resize() 方法觸發 resize 事件,或規定當發生 resize 事件時執行的函式。

$(selector).resize(function)
對瀏覽器視窗調整大小進行計數:

$(window).resize(function() );
transitionend 事件在 css 完成過渡後觸發。

不同瀏覽器和版本不同:

me.sections.on("transitionend webkittransitionend otransitionend otransitionend", function()})

siblings() 獲得匹配集合中每個元素的同胞,通過選擇器進行篩選是可選的。

.siblings(selector)
引數

描述selector

字串值,包含用於匹配元素的選擇器表示式。

如果我們從第三個專案開始,則可找到該元素的同胞元素:

$('li.third-item').siblings().css('background-color', 'red');
此處呼叫的結果是將專案 1、2、4 和 5 的背景設定為紅色。 設定為紅色背景。由於我們未應用選擇器表示式,所有同胞元素很自然地成為了物件的一部分。如果已應用選擇器,則只會包含四個列表中的匹配的專案。

原始元素不包含在同胞元素中,當我們打算找到 dom 樹的特定層級上的所有元素時,記住一點很重要。

再如:me.pageitem.eq(me.index).addclass(me.activeclass).siblings("li").removeclass(me.activeclass);

注意:me.pageitem.eq(me.index)不在siblings匹配範圍內

animate() 方法執行 css 屬性集的自定義動畫。

該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的,這樣就可以建立動畫效果。

只有數字值可建立動畫(比如 "margin:30px")。字串值無法建立動畫(比如 "background-color:red")。

$(selector).animate(styles,speed,easing,callback)
改變 "div" 元素的高度:

$(".btn1").click(function()); //注意引號});

css() 方法返回或設定匹配的元素的乙個或多個樣式屬性

返回第乙個匹配元素的 css 屬性值。

注釋:當用於返回乙個值時,不支援簡寫的 css 屬性(比如 "background" 和 "border")。

$(selector).css(name)
設定所有匹配元素的指定 css 屬性。

$(selector).css(name,value)
設定 元素的顏色:

$(".btn1").click(function());
或設定多的屬性

$("p").css();

position() 方法返回匹配元素相對于父元素的位置(偏移)。

該方法返回的物件包含兩個整型屬性:top 和 left,以畫素計。

此方法只對可見元素有效。

$(selector).position()
獲得 元素的當前位置:

$(".btn1").click(function());

Jquery中常用的方法

1.window.onload 的jquery方法 document ready function mouseout function 可以同時新增多個事件 9.移除監聽的事件 input type button click function each aarray,function propert...

jquery中常用的一些方法

index 的使用 格式 index selector element 返回 number 搜尋匹配的元素,並返回相應元素的索引值,從0開始計數。如果不給 index 方法傳遞引數,那麼返回值就是這個jquery物件集合中第乙個元素相對於其同輩元素的位置。selector 乙個選擇器,代表乙個jqu...

jQuery中常用的元素查詢方法總結

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...