由於主要還是負責後端，所以前端很多東西都不熟悉，jQuery作為web開發必備技能，有很多知識點，老是記不清楚，所以在這邊整理一下。

1.加載頁面後執行

$(function(){
    //程序段
})

2.點擊事件

$("#xxx").click(function(){
        //程序段
    })

3.給元素添加class,或者改變class

$("#xxx").addClass("class1");

//點擊時候改變樣式
$("#aaa").click(function() {
     $("#xxx").toggleClass("class1");
  });

4.給元素的css，html屬性賦值

$("#xxx").css("display","block");

$("#xxx").html("this is html<br/> this is html");

5.獲取一個jquery元素

var a=$("#xxx");//獲取id為xxx的jquery對象
var b=$(".xxx");//獲取class為xxx的jquery對象

6.獲取對象的值

$(".xxx").val();//文本框或者下拉框的值
$(".xxx").html();//對象的html內容
var sex=$("#radio1").is(":checked")?"男":"女";//radio1的值
var
 
 marry=$("#checkbox1").is(":checked")?"已婚":"未婚";//復選框的值

7.選擇器

//基本選擇器
$("#table1 tr:nth-child(even)").addClass("trOdd");
$("#divOne").val()//ID為divOne的元素
$(".divOne").val()//class為divOne的元素
$("div span").val()//div下的span元素,註意是空格隔開，表示下級元素
$(".class1 .class2").val()//class為class1下的class為class2的元素，同上
$("#divClass,span").val()//
 
id為divClass或者span元素，都逗號表示或的關系
//層次選擇器
$("div span").val();//div下的所有span,祖先跟後代關系，不管是幾層嵌套，反正只要是div下的span都選擇
$("div>span").val();//div下第一層的span，父子關系，註意只選中第一層span。
$("#divMid + div").val();$("#divMid").next("div").val();//id為divMid的下一個div元素
$("#divMid ~ div").val();$("#divMid").nextAll("div").val();//id為divMid後面的所有div元素
$("#divMid").siblings("div").val();//id為divMid的相鄰的div元素

jquery技巧小結