jQuery中的基本操作
一、操作元素的属性
1、操作元素的属性:操作元素的自定义属性和固有属性,属性是每个页面元素的重要内容,HTML标签可以有一到若干个属性,我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性",在jQuery中为用户提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性
分类:①prop()方法
- prop()方法:prop()方法用来设置或获取元素固有属性值
- prop()方法获取属性值语法: $(selector).prop(“属性名”)
- prop()方法设置属性值语法: $(selector).prop(“属性”, “属性值”)
②attr()方法 - attr()方法:attr()用来设置或获取元素的自定义属性,自定义属性是指用户给元素添加的非固有属性
- attr()方法获取属性值语法: $(selector).attr(“属性名”)
- attr()方法设置属性值语法: $(selector).attr(“属性”, “属性值”)
③data()方法 - data()方法:data()方法用来在指定的元素上存取数据,数据保存在内存中,并不会修改DOM元素结构
- data()方法获取属性值语法: $(selector).data(“数据名”)
- data()方法设置属性值语法: $(selector).data(“数据名”, “数据值”)
3、获取元素的属性值
$(selector).attr(属性名)
4、设置元素的属性值
A、以对象的方式设置属性值:
$(selector).attr({
'属性名':'属性值'})
B、以key-value的方式设置属性值
$(selector).attr('属性名','属性值')
C、以回调函数的方式设置属性值
$(selector).attr('属性名',function(){
return '值'
})
5、删除元素的属性
$(selecto