首頁 > 網際網路

十個常用的jQuery方法

2019-12-11 22:56:23

jquery是一個快速、易用的JavaScript框架，其設計宗旨是「Write Less，Do More」，即用最少的程式碼實現最大的功能。

因此，jquery一經推出便廣受好評，本文介紹10個常用的jquery方法

1

建立如下結構的測試檔案，以下所有演示都是在此測試頁面進行

2

trim()

1）去掉字串前後空格

2）呼叫方式： $.trim(字串)

3

val()

1）獲取輸入型別控制元件的值，比如文字方塊的值

2）呼叫方式： jquery物件.val()

4

text()

1）獲取指定物件及其包含子物件的文字值，不包含標籤

2）呼叫方式： jquery物件.text()

5

prop()

1）獲取勾選框checkbox當前選中狀態時使用此屬性才準確

2）呼叫方式： jquery物件.prop("checked")

6

find()

1）從指定節點開始放下找出所有匹配的節點物件

2）呼叫方式： jquery物件.find(匹配規則)

7

parent()

1）指定節點的上一級，含指定匹配項的節點物件

2）parent(匹配規則)，如果含有匹配規則，則表示上一級指定規則的節點

3）parents()可以搜尋所有的父級節點，可含匹配規則

4）呼叫方式： jquery物件.parent(匹配規則)

8

hasClass()

1）判斷物件是否含有指定的樣式，返回true或者false

2）removeClass(指定class)：可以刪除指定的class

3）呼叫方式： jquery物件.hasClass(指定class)

9

click()

1）係結控制元件的點選事件

2）相關方法還有，on()、bind()等

3）呼叫方式： jquery物件.click(function(){})

10

css()

1）獲取或者設定物件指定樣式值

2）呼叫方式： jquery物件.css(指定樣式)

11

show()

1）將節點顯示出來

2）hide()：隱藏節點

3）呼叫方式： jquery物件.show()

IT145.com E-mail:sddin#qq.com