一、查找元素
1、常用選擇器

網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站建設(shè)的前奏，好的網(wǎng)頁(yè)設(shè)計(jì)更深度的剖析產(chǎn)品和設(shè)計(jì)風(fēng)格定位，結(jié)合最新的網(wǎng)頁(yè)設(shè)計(jì)流行趨勢(shì)，與WVI應(yīng)用標(biāo)準(zhǔn)，設(shè)計(jì)出具企業(yè)表現(xiàn)力，大器而深穩(wěn)的網(wǎng)站界面設(shè)。創(chuàng)新互聯(lián)公司2013年至今,是成都網(wǎng)站建設(shè)公司:提供企業(yè)網(wǎng)站設(shè)計(jì),高端網(wǎng)站設(shè)計(jì),營(yíng)銷(xiāo)型企業(yè)網(wǎng)站建設(shè)方案,成都響應(yīng)式網(wǎng)站建設(shè),成都小程序開(kāi)發(fā),專(zhuān)業(yè)建站公司做網(wǎng)站。

1.1 基本選擇器

$("*")   
$("#id")
$(".class")
$("element")
$(".class,p,div")

1.2層級(jí)選擇器

$(".outer div")    // 所有的后代
$(".outer>div")    // 所有的子代 
$(".outer+div")    // 匹配所有跟在.outer后面的div
$(".outer~div")    // .outer后面的所有div

1.3 基本篩選器

$("li:first")   // 所有l(wèi)i標(biāo)簽中第一個(gè)標(biāo)簽
$("li:last")    // 所有l(wèi)i標(biāo)簽中最后一個(gè)標(biāo)簽
$("li:even")    // 所有l(wèi)i標(biāo)簽中偶數(shù)標(biāo)簽
$("li:odd")     // 所有l(wèi)i標(biāo)簽中奇數(shù)標(biāo)簽
$("li:eq(2)")   // 所有l(wèi)i標(biāo)簽中，索引是2的那個(gè)標(biāo)簽
$("li:gt(1)")   // 所有l(wèi)i標(biāo)簽中，索引大于1的標(biāo)簽

1.4 屬性選擇器

$('[id="div1"]')  
$('["alex="sb"]')
$("input[type='text']")
2、常用篩選器

2.1  過(guò)濾篩選器

$("li").eq(2)    // 和:eq是一樣的
$("li").first()    // 和:first是一樣的
$("li").last()    // 和:last是一樣的
$("ul li").hasclass("test")   // 檢測(cè)li中的是否含有某個(gè)特定的類(lèi)，有的話返回true

2.2  查找篩選器

$("div").children()  // form中的子標(biāo)簽
$("input").parent()   // input標(biāo)簽的父標(biāo)簽
$("form").next()      // form標(biāo)簽下一個(gè)標(biāo)簽
$("form").find(:text,:password)   // form標(biāo)簽中找到:text,:password標(biāo)簽
$("input").siblings()   // input的同輩標(biāo)簽

二、操作元素
1、屬性操作

$(":text").val()                  // text輸入的內(nèi)容
$(".test").attr("name")       // test類(lèi)中name屬性對(duì)應(yīng)的值
$(".test").attr("name","sb")  //  設(shè)置test類(lèi)中name屬性對(duì)應(yīng)的值
$(".test").attr("checked","checked")  // 設(shè)置test類(lèi)中checked屬性對(duì)應(yīng)的值為checked
$(":checkbox").removeAttr("checked")  // 刪除checkbox標(biāo)簽中的checked屬性
$(".test").prop("checked",true)   // 設(shè)置checked為true
$(".test").addClass("hide")    // 增加樣式

2、CSS操作 

(樣式)   css("{color:'red',backgroud:'blue'}")
(位置)   offset()    position()  scrollTop()  scrollLeft()   
 (尺寸)  innerHeight()不包含邊框， outerHeight()包含邊框， 兩個(gè)都包含padding height()不包含邊框

3、文檔處理

內(nèi)部插入  $("#c1").append("hello")    
         $("p").appendTo("div")
         prepend()   
         prependTo()
 
外部插入   before()
         insertBefore() 
         after() 
         insertAfter()
 
標(biāo)簽內(nèi)容處理                    
         remove() 
         empty() 
         clone()

4、事件

$("p").click(function(){})
$("p").bind("click",function(){})                   
$("ul").delegate("li","click",function(){})　　// 事件委托，延遲綁定事件的一種方式

三、jquery所有示例

加載框
模態(tài)對(duì)話框