// CSS選擇器
$(document) // 選擇整個文檔對象
$('#xxxID') // 選擇ID為xxx的元素
$('div.xxxClass') // 選擇Class為xxx的元素
$('input[name=first]') // 選擇類名屬性為first的元素

// jQuery特有表達式
$('a:first') // 選擇網(wǎng)頁中第一個a元素
$('tr:odd') // 選擇表格的奇數(shù)行
$('#myForm:input') // 選擇表單中的input元素
$('div:visible') // 選擇可見的div元素
$('div:gt(2)') // 選擇所有的div元素，除了前三個
$('div:animated') // 選擇當前處于動畫狀態(tài)的div元素

$(function(){
let $h1 = $('
') // 創(chuàng)建元素h1
$('body').append($h1) // 將元素h1放入到body里（用append表示成為body的最后一個子元素）
}

$('div').prepend('') // 給div添加一個大兒子（即添加到最前）
$('div').append(選擇器/jQuery對象) // 給div添加一個小兒子（即添加到最后）
$('
xxx
').appendTo(選擇器/jQuery對象) // 在選擇器選中的元素的子元素里，將“xxx”添加到最后

$('div').insertAfter($('p')) // 將元素div移動到元素p后面

$('p').after($('div')) // 把元素p放到元素div前

.insertAfter()和.after() // 在現(xiàn)存元素的外部，從后面插入元素
.insertBefore()和.before() // 在現(xiàn)存元素的外部，從前面插入元素
.appendTo()和.append() // 在現(xiàn)存元素的內(nèi)部，從后面插入元素
.prependTo()和.prepend() // 在現(xiàn)存元素的內(nèi)部，從前面插入元素

$('img').attr('width','100px') // 為屬性'width'賦值'100px'

$(selector).attr(attribute) // 返回被選元素的屬性值
$(selector).attr(attribute.value) // 返回被選元素的屬性&值
$(selector).attr(attribute,function(index,oldvalue)) // 用函數(shù)返回值設置被選元素的屬性&值
$(selector).attr({attribute1:value,attribute2:value...}) // 為被選一個及以上的元素設置屬性&值，可一次修改多個屬性的屬性值

$('button').click(function(){
$('img').attr('width',function(n,v){
return v-50; // 點擊按鈕圖片寬度減少50
})
})

$('div') // 找到div元素
.find('h3') // 選擇其中的h3元素
.eq(2) // 選擇第3個h3元素
.html('Hello'); // 將它的內(nèi)容改為Hello

$('div')
　.find('h3')
　.eq(2)
　.html('Hello')
　.end() // 退回到選中所有的h3元素的那一步
　.eq(0) // 選中第一個h3元素
　.html('World') // 將它的內(nèi)容改為World