1.利用选择器选择对象
①层次选择器
$("div a") 选择div里所有的<a>标签 (类似于css里的选择器.div a)
②基本选择器
$("#smart")选择id为"smart"的标签
$("#smart,span")选择id为"smart"和所有的<span>标签
③还有很多选择器,记不得记不得
大致用法:
$("div:fisrt")第一个<div>元素(:last :eq() :gt() lt() :not())
2.给选择的对像和元素加上效果
1.css
$("#shut").css("background","#bbffaa") 也可以同时设置多个样式
$("#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只是清空内容,比例li中只是没有了内容,但是前面的小点点还是在的
4.show()这个是jq中才有的 (好像)
$("#ooo").show();//id为#ooo的元素显示 hide()则是隐藏
5.append()
$("#sss").append("<p>woshishabi</p>");//将后面的加到前面的内容里 举个栗子:<div>1<p>woshishabi</p></div> 卡进了标签里 after()和before()则是不卡进标签里
6.复制 替换 包裹
$("#sss").clone();//复制当前节点 如果在clone()括号中加入true,则是完美复制,跟之前本体具有一样的功能,完美copy
$("#sss").replaceWith("i am a superman!");//将#sss中的内容替换成后面括号里的
不知道包裹有什么用。。wrapAll(<b></b>)
7.$("#sss").html(sth.);//设置#sss的html
$("#sss").text(sth.);//设置#sss的文本内容
8.$("#sss").val(sth.);//设置和获取#sss的val 并且在checkbox,radio,select中可以操相应的选项被选中 举个栗子:①$("#sss").val("选择2号");//选项中的"选择2号"会被默认选中 ②$("#sss").val(["选择2号","选择4号"]);选项中的xx和xx都会被默认选中
9.$("#sss").bind("click",function(){
});//click可以是mouseover巴拉巴拉,看自己喜好