jQuery_常用DOM操作

1.attr() 属性

设置属性：$("input").attr('value','按钮');
获取属性：$("input").attr('type');  只有一个参数，与css相似
移除属性：$("input").removeAttr('value");

2.val() 值

设置值：$("input").val('我是动态设置的值')

获取值;$("input").val();      

//有参数的时候为设置值，没有参数为获取值
//获取的是input标签的value属性的值，如果有的标签没有value属性，该方法不起作用，即表现为获取不到值。

3.html()

设置html: 
 $("div").html("我是div的html内容");     
 //显示将div的内容清空，然后设置为html的内容
 $("div").html("<p>我是p元素</p>")      
 //动态的创建p元素
获取html：
 $("div").html();  
 //显示div的内容，包括html标签

4.text()：

设置文本内容：$("div").text('你好')
获取文本内容：$("div").text()  只获取文本内容

5.index()

$('li#one').index();
//index() 方法返回指定元素相对于其他指定元素的 index 位置
//这些元素可通过 jQuery 选择器或 DOM 元素来指定。
//如果未找到元素，index() 将返回 -1。
//第一个匹配元素的 index，相对于同胞元素
//获得第一个匹配元素相对于其同胞元素的 index 位置。
//获取的是这个li标签在兄弟li标签中的位置

附：
1.innerhtml是原生的js的用法。
text、html是jQuery的用法，原生的js语法是没有text、html这种用法的。
原生的innerhtml = jQuery的html()

2.只有input 可以用val()来设定值，用text()没用，因为input标签设定值确实是在标签属性value中设置
而其他标签，例如li标签，设定值要用text(),用val()将不起作用，因为它没有value属性。