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还可以设置内容