JQuery操作元素

1、元素固有属性-prop(例如:href、type等)

获取属性:

prop('属性')

设置属性:

prop('属性','属性值')

注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / selected 等。

2、元素自定义属性值-attr

用户自己给元素添加的属性，称为自定义属性。
获取属性:

attr('属性') //类似js中的getAttribute()

设置属性:

attr('属性','属性值') //类似js中的setAttribute()

3、JQurey内容文本操作

普通元素内容html()(相当于js中的innerHTML)

html() //获取元素的内容 html('内容') //设置元素内容

普通元素文本内容text()(相当于js中的innerText)

text() //获取元素的内容 text('文本内容') //设置元素内容

表单的值val()(相当于js中的value)

val() //获取元素的内容 val('内容') //设置元素内容

4、创建、添加、删除

1、创建

$('<li></li>')

2、内部添加

element.append('内容')

添加至元素最后面类似js中的appendChild

element.prepend('内容')

添加至元素最前面
3、外部添加

element.after('内容') //放在目标元素后面，---父子关系 element.bedore('内容') //放在目标元素前面，---兄弟关系

4、删除元素

element.remove() //删除匹配元素本身 element.empty() //删除匹配的元素集合中所有子节点 element.html("") //清除匹配的元素内容