jQuery常用方法(五)
一、jQuery中常用方法
相关方法参数说明:
a、无参,获取值
b、参数param,设置值
c、参数function(index,oldVal){}回调函数【返回我们所要使用的新值】
回调函数的两个参数:
1、被选元素列表中当前元素的下标
2、原始(旧的)值
val([param]) 【读取或修改元素value属性的值】
html([param]) 【读取和修改元素的HTML标签里面的内容】
text([param]) 【读取或修改元素的HTML中的纯文本内容】
二、jQuery中的工具方法
get([index]) 【index不能为负值】
无参:返回jQuery类数组对象中的所有DOM节点组成的数组
参数index:返回jQuery类数组对象中指定索引的DOM节点【类似于对数组去取下标获取值】;不存在的索引【包括负值】返回undefined
toArray()
无参:返回jQuery类数组对象中的所有DOM元素组成的数组
eq(index) 【同 :eq(index)】【index可以为负值】
参数index:返回jQuery类数组对象中指定索引的DOM节点【类似于对数组取下标获取值】;
index为负值时,从集合最后一个元素开始倒数,不存在的索引返回undefined
filter() 过滤器函数 【返回满足条件的jQuery类数组对象】
参数 :选择器字符串(原来选择的基础上再进行过滤) 【同 :filter(selector)】
参数: function(index,item){} 匿名函数 【与数组过滤器函数用法类似】
匿名函数参数:
index:DOM对象在jQuery类数组对象中的索引
item:jQuery类数组对象中单个的DOM对象
map()
该方法特别适用于获取或设置元素集合中的满足返回条件的值;参数function(index,item){}回调函数
each() 遍历一个jQuery对象,为每个匹配元素执行一个回调函数;参数function(index,item){}回调函数
not() 从匹配的元素集合中移除指定的元素 【同 :not(selector)】
first() 获取匹配元素集合中第一个元素,无参数【同 :first】
last() 获取匹配元素集合中最后一个元素,无参数【同 :last】
is() 判断匹配元素是否为:选择器或DOM元素或jQuery对象【返回值为boolean类型】
has() 获取匹配元素中包含has()方法中参数条件的匹配元素组成的jQuery类数组对象 【同 :has(selector)】
slice(start,[end]) 【返回截取jQuery类数组对象中指定的DOM对象组成的jQuery对象集合】【与数组中slice()方法类似】
参数:
一个参数:截取指定索引开始到类数组结束的DOM节点组成的数组
两个参数:截取开始索引到结束索引(不包含结束索引)的DOM对象组成的的jQuery对象集合
如果参数为负数则:使用类数组对象长度+参数 将其转化为正数再截取,这样的结果不会改变
三、jQuery中属性设置函数
attr(key,[val]) 【获取值或设置值】
attr({key:val,key2:val2}) 【为每个匹配元素设置多个属性值】
获取所有匹配的元素中第一个元素的属性的值或设置每一个匹配元素的一个或多个属性
removeAttr(attr)
移除所有匹配的元素的指定元素属性
prop(key,[val]) 【获取值或设置值】
prop({key:val,key2:val2}) 【为每个匹配元素设置多个属性值】 【设置boolean属性值一般使用prop()】
获取所有匹配的元素中第一个元素的属性的值或设置每一个匹配元素的一个或多个属性
相关说明:
a、无法获取自定义属性,但可以获取自身定义的自定义属性(通过prop()方法定义的属性)
b、自身prop()方法定义的属性不会在元素标签中显示出来,但可以通过prop()方法获取得到
c、通过prop可以获取img标签元素的width属性的值,而attr()不能获取
removeProp( propName)
移除所有匹配的元素的指定元素 【只能移除通过prop()方法自定义的属性】
css(key,[val]) 【获取样式属性值或设置样式属性值】
css({key:val,key2:val2}) 【设置多个样式属性值】
获取匹配元素集合中的第一个元素的样式属性的值【字符串类型会带有单位】或设置每个匹配元素的一个或多个CSS属性样式
a、行内样式、内部样式、外部样式中相应样式都可以获取
b、获取的属性中为字符串类型会带有单位等在里面
addClass(className)
为每个匹配的元素添加指定的样式类名
hasClass(className)
确定任何一个匹配元素是否有指定的【样式】类。
removeClass([className])
参数:
有参:移除匹配元素相应的类【样式】
无参:移除匹配元素所有的类【样式】