JQuery基础（二）

1 JQ的相关属性操作

1.1 元素的固有属性值prop()

固有属性例：a标签的href input的type属性

1.获取属性语法：prop()

2.设置属性语法：prop('属性'，'属性值')

1.2元素的自定义属性值attr()

1.获取属性语法：attr（'')

1.设置属性语法：attr（'属性'，'属性值')

1.3 数据缓存 data()

1. 附加数据语法

data.('name','value') // 想呗选元素附加数据

2. 获取数据语法

data(" name") // 向被选元素获取数据

1.3JQ文本属性值

1.JQ内容文本值

1.1普通元素内容html() 相当于原生innerHTML

html() // 获取元素的内容

html('设置元素的内容')

1.2.普通元素文本内容text()  相当于原生innerTEXT

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

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

1.3.表单的值val() ( 相当于原生value）

val()  // 获取表单的值

val(''内容)   // 设置表单的值 

注意：html() 可识别标签，text（）不识别标签。

1.4JQ元素操作

1. 遍历元素

语法一

$('div').each(function(index,domEle) { xxx} ) 

each（） 方法遍历匹配的每一个元素，主要用DOM处理

里面的回调函数有两个参数；index是每个元素的索引号，domele是每个dom'元素对象，不是JQ对象

3.所以要想使用jq方法，需要给这个dom元素转换为jq对象  

语法二

$.each(object,function(index,domEle) { xxx} ) 

1.$.each() 方法可用于遍历任何对象，主要用于数据处理，比如数组，对象

2.里面的函数有两个参数：index 是每个元素的索引号，element遍历内容

1.5 创建/添加/删除

1.创建

$('<li></li>')  // 动态的创建了一个 li

2.内部添加

element.append("内容“） // append：附加，增添

把内容放入匹配元素element的内部的最后面，类似原生appendChild

element.prepend("内容")

把内容放入匹配元素内部最前面

3.外部添加

element.after("内容‘） // 把内容放入目标元素后面

element.before("内容‘） // 把内容放入目标元素前面

4.删除元素

element.remove()  // 删除匹配的元素（本身）

element.empty()   // 删除匹配元素集合中所有的子节点

element.ml()  // 清空匹配元素的内容

remove删除元素本身

empty（）和html（”“）作用等价，都可以删除元素里面的内容，只不过html还可以设置内容