无标题文章

1.利用选择器选择对象

①层次选择器

$("div a") 选择div里所有的标签 （类似于css里的选择器.div a）

②基本选择器

$("#smart")选择id为"smart"的标签

$("#smart,span")选择id为"smart"和所有的标签

③还有很多选择器，记不得记不得

大致用法：

$("div:fisrt")第一个

元素（: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("

woshishabi

");//将后面的加到前面的内容里 举个栗子:

1

woshishabi

卡进了标签里 after()和before()则是不卡进标签里

6.复制 替换 包裹

$("#sss").clone();//复制当前节点 如果在clone()括号中加入true，则是完美复制，跟之前本体具有一样的功能，完美copy

$("#sss").replaceWith("i am a superman!");//将#sss中的内容替换成后面括号里的

不知道包裹有什么用。。wrapAll()

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巴拉巴拉，看自己喜好