jQuery记录--基础选择器

页面上的元素,就是一个个对象,他们有相应的属性,改变了其中某一项的属性,他们就会变成另一幅展现的形式,

1.我们通过.attr(),方法对其操作.

$("某元素").attr(""),attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。;;

2.我们不能仅仅满足于操作元素的属性,我们还可以操作他们的输出内容:

使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。注: html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而text()方法只是获取元素中的文本内容，并不包含HTML格式代码

3.我们可以给元素穿衣服,给他换样式:

通过addClass()和css()方法可以方便地操作元素中的样式，前者括号中的参数为增加元素的样式名称，后者直接将样式的属性内容写在括号中。

eg:在css文件中:.aaa{

colotr:#fff;

}

.bbb{

font:bold;

}

则:$("某元素").addClass("aaa bbb")--aaa,bbb就直接是css中的样式名,便于后期css,js,html等文件的分离;

当然,操作元素改变样式时,有些情况不需要这么复杂,直接用.css改写某些样式:

$("某元素").css("样式名","样式值")--当然这是改变单一样式,多个样式呢?

需要这样:$("某元素").css( "样式名1" : "样式值1" , "样式名2" : "样式值2")

4.既然我们有添加,那肯定会有删除:

使用removeAttr(属性名)和removeClass(样式名)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名;

5.我们在上面说了,通过.html(),和.text(),可以修改元素的内容,但要是元素原来有内容呢?我们只想在原来的基础上增加:

可以使用:.append()

$("某元素")append("内容")--方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。$("某元素")append("内容")这是一个陈述句,还有被动句:$(''内容).appendTo.("某元素");

6.append只是在元素后面插入,我们还可以用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为：

$("某元素").before("内容")和$("某元素").after("内容");

7.我们对于某些内容需要替换:

replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示：

$("某元素").replaceWith("内容")和$("内容").replaceAll("某元素");

8.以上都是在元素里的内容的改变,那如果改变这个内容的外面呢?

使用wrap()和wrapInner()方法包裹元素和内容

wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于 包裹元素本身(我们可以这样理解,内容为最里层,中间是原来的元素,最外面是需要套的标签)，后者则用于 包裹元素中的内容(这个我们这样理解:内容还是最里层,最外面是原来的元素,我们将新的元素标签插在了他们中间)，它们的调用格式分别为：

$("某元素").wrap("<i></i>")和$("某元素").wrapInner("新标签");

9.我们怎么能忘了最重要,最常见,的遍历呢?

想到之前写了那么久for(var i=0;i<某元素.length;i++){}

现在只需要:使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为：

$("某元素").each(function(index))

参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。;

10.作为结束,我们以上都是对某元相关内容,属性的创建,修改,增加等等,.我们不要它了,我们要直接干掉这个元素:

使用remove()和empty()方法删除元素

remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。eg:调用remove()方法删除某元素(如:<span>)中类别名为xxx(如:class="red")的;

$("span").remove(".red")--你给我滚蛋!

empty同理,相似,但它保留了该元素本身的壳子;

$("span").empty(".red")--对的,让他变空!