jquery基本方法

jquery基本方法

1. 使用attr()方法来控制元素的属性

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

2. 操作元素的内容

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

3. 操作元素内容

   通过addClass()和css()方法可以方便的操作元素的样式，前者括号中的参数为增加元素的样式名称，后者直接将样式内容写入到括号里。使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中的参数表示移除属性名，后者方法中的参数则表示样式名。

4. 使用append()方法向元素内追加内容

   append(content)方法的功能是向指定的元素内追加内容，被追加的content参数可以表示字符，HTML标记，还可以是一个返回字符串内容的函数。

5. 使用appendTo()方法向被选元素内插入内容

   $(content).appendTo(selector)，参数content表示要插入的内容，参数select表示被选的元素，即把content内容插入到selector元素内，默认在尾部。

6. 使用before()和after()在元素前后插入内容

   $(selector).before(content)和$(selector).after(content)。

7. 使用clone()方法复制元素

   调用clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点，文本，属性。 $(selector).clone()。

8. replaceWith()和replaceAll()替换内容

   它们在使用时，内容和被替换元素所在的位置不同，$(selector).replaceWith(content),$(content).replaceAll(selector)。

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

   前者用于包裹元素本身，后者用于包裹元素的内容，调用格式为$(selector).wrap(wrapper),$(selector).wrapInner(wrapper)。

10. 使用each方法遍历元素

    使用时，通过回调函数返回遍历元素的序列号。$('span').each(function(index){if(index==2){$(this).addClass('focus');}});。

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

    remove()方法删除所选元素本身和子元素，该方法可以添加过滤参数指定要删除的某些元素，而empty()方法则只删除所选元素的子元素。