1.利用選擇器選擇對象
①層次選擇器
$("div a") 選擇div里所有的<a>標(biāo)簽 (類似于css里的選擇器.div a)
②基本選擇器
$("#smart")選擇id為"smart"的標(biāo)簽
$("#smart,span")選擇id為"smart"和所有的<span>標(biāo)簽
③還有很多選擇器胞谭,記不得記不得
大致用法:
$("div:fisrt")第一個<div>元素(:last ?:eq() ?:gt() ?lt() ?:not())
2.給選擇的對像和元素加上效果
1.css
$("#shut").css("background","#bbffaa")? ? 也可以同時設(shè)置多個樣式??
$("#shut").css({"background":"red",
? ? ? ? ? ? ? ? ? ? ? ? "font-size":"200px"});
2.動作
$("#bbj").click(function(){
});//添加各種動作click;mouseover;mouseout;hover;togger;
3.刪除
$("#sss").remove(sth.);//還有detch(sth.);empty(sth.) 其中empty只是清空內(nèi)容追城,比例li中只是沒有了內(nèi)容峦树,但是前面的小點點還是在的
4.show()這個是jq中才有的 (好像)
$("#ooo").show();//id為#ooo的元素顯示 ?hide()則是隱藏
5.append()
$("#sss").append("<p>woshishabi</p>");//將后面的加到前面的內(nèi)容里 舉個栗子:<div>1<p>woshishabi</p></div> 卡進了標(biāo)簽里 after()和before()則是不卡進標(biāo)簽里
6.復(fù)制 替換 包裹
$("#sss").clone();//復(fù)制當(dāng)前節(jié)點 如果在clone()括號中加入true,則是完美復(fù)制,跟之前本體具有一樣的功能,完美copy
$("#sss").replaceWith("i am a superman!");//將#sss中的內(nèi)容替換成后面括號里的
不知道包裹有什么用效拭。。wrapAll(<b></b>)
7.$("#sss").html(sth.);//設(shè)置#sss的html
$("#sss").text(sth.);//設(shè)置#sss的文本內(nèi)容
8.$("#sss").val(sth.);//設(shè)置和獲取#sss的val 并且在checkbox,radio允耿,select中可以操相應(yīng)的選項被選中 舉個栗子:①$("#sss").val("選擇2號");//選項中的"選擇2號"會被默認(rèn)選中 ②$("#sss").val(["選擇2號","選擇4號"]);選項中的xx和xx都會被默認(rèn)選中
9.$("#sss").bind("click",function(){
});//click可以是mouseover巴拉巴拉借笙,看自己喜好