jQuery 是一款非常強(qiáng)大的 JavaScript 庫(kù)，因?yàn)槠涮峁┝艘子玫?API，可以方便地操作 DOM、處理事件、處理 Ajax 請(qǐng)求，而且還具有良好的兼容性。下面介紹幾個(gè)有用的 jQuery 小技巧。

1. 檢查元素是否可見(jiàn)

$("selector").is(":visible");

2. 獲取元素內(nèi)容

$("selector").text();

3. 獲取元素屬性

$("selector").attr("name");

4. 設(shè)置元素屬性

$("selector").attr("name", "value");

5. 添加元素樣式

$("selector").addClass("classname");

6. 設(shè)置元素寬度和高度

$("selector").width(100);
$("selector").height(100);

7. 遍歷元素集合

$("selector").each(function() {
// do something
});

8. 獲取元素相對(duì)于文檔的位置

$("selector").offset();

9. 隱藏元素

$("selector").hide();

10. 顯示元素

$("selector").show();

11. 設(shè)置元素透明度

$("selector").css("opacity", 0.5);

12. 在元素前或者后插入新元素

$("selector").before("
new element
");
$("selector").after("
new element
");

13. 移除元素

$("selector").remove();

14. 處理用戶輸入事件

$("input").keyup(function() {
// do something
});

15. 使用Ajax發(fā)送請(qǐng)求

$.ajax({
url: "example.php",
method: "POST",
data: { name: "John", location: "Boston" }
})
.done(function( response ) {
console.log( response );
});