6.21 jquery 事件
1 attr() 方法設置或返回被選元素的屬性值。
$("button").click(function(){
$("img").attr("width","180");
});
2 append() 方法在被選元素的結尾（仍然在內部）插入指定內容。
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
3 prepend() 方法在被選元素的開頭（仍位於內部）插入指定內容。
$("button").click(function(){
$("p").prepend("<b>Hello world!</b>");
});
4 after() 方法在被選元素後插入指定的內容(外部)。
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
5 before() 方法在被選元素前插入指定的內容(外部)。
$("button").click(function(){
$("p").before("<p>Hello world!</p>");
});
6 addClass() 方法向被選元素添加一個或多個類。
$("button").click(function(){
$("p:first").addClass("class樣式名");
});
7 removeClass() 方法從被選元素移除一個或多個類
$("button").click(function(){
$("p:first").removeClass("class樣式名");
});
8 hasClass() 方法檢查被選元素是否包含指定的 class
$("button").click(function(){
alert($("p:first").hasClass("class樣式名"));
9 toggleClass() 從匹配的元素中添加或刪除一個類。
$("button").click(function(){
$("p").toggleClass("class樣式名");
});
=====================事件==================
1 bind() 方法為被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。
$("button").bind("click",function(){
$("p").append(" <b>Hello world!</b>");
});
2 blur()當元素失去焦點時發生 blur 事件。
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
3 change()當元素的值發生改變時，會發生 change 事件
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
4 delegate()向匹配元素的當前或未來的子元素附加一個或多個事件處理器
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
5 pageX() 屬性是鼠標指針的位置，相對於文檔的左邊緣。
6 result 屬性包含由被指定事件觸發的事件處理器返回的最後一個值，除非這個值未定義。
7 keydown() 觸發、或將函數綁定到指定元素的 key down 事件
keypress() 觸發、或將函數綁定到指定元素的 key press 事件
keyup() 觸發、或將函數綁定到指定元素的 key up 事件
完整的 key press 過程分為兩個部分，按鍵被按下，然後按鍵被松開並復位。
當按鈕被松開時，發生 keyup 事件。它發生在當前獲得焦點的元素上。
當按鈕被按下時，發生 keyup 事件。
8 mousedown() 當鼠標指針移動到元素上方，並按下鼠標按鍵時，會發生 mousedown 事件。
與 click 事件不同，mousedown 事件僅需要按鍵被按下，而不需要松開即可發生。
$("button").mousedown(function(){
$("p").css("background-color","#FFFFCC");
});
9 mouseenter()當鼠標指針穿過元素時，會發生 mouseenter 事件。
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
10 mouseleave()當鼠標指針離開元素時，會發生 mouseleave 事件。
$("p").mouseleave(function(){
$("p").css("background-color","#E9E9E4");
});
11 mousemove()當鼠標指針在指定的元素中移動時，就會發生 mousemove 事件。
mouseout() 當鼠標指針從元素上移開時，發生 mouseout 事件
mouseover() 當鼠標指針位於元素上方時，會發生 mouseover 事件。
mouseup() 當在元素上放松鼠標按鈕時，會發生 mouseup 事件。
12 resize() 當調整瀏覽器窗口的大小時，發生 resize 事件。
x =0
$(window).resize(function() {
$("span").text(x+=1);
});
13 scroll() 當用戶滾動指定的元素時，會發生 scroll 事件。
14 select()當 textarea 或文本類型的 input 元素中的文本被選擇時，會發生 select 事件。
15 submit()當提交表單時，會發生 submit 事件。
16 toggle() toggle() 方法切換元素的可見狀態。
17 trigger() trigger() 方法觸發被選元素的指定事件類型。
$("input").select(function(){
$("input").after("文本被選中！");
});
$("button").click(function(){
$("input").trigger("select");
});
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<script src="../public/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
Enter your name
6.21 jquery 事件