介绍JQuery的基础常用方法$()
介绍JQuery的基础常用方法$()
1. has()包含的意思
举例:第一个div包含了span,第二个没有包含
1
111
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212786.jpg)
10年积累的成都网站建设、成都网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有南岸免费网站建设让你可以放心的选择与我们合作。
执行代码发现 包含span的div的css样式改变了,这就是包含
2.filter()过滤,括号内有参数,可以看例子理解
111
111
说是过滤,也就是选中的意思吧
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212789.jpg)
下面结果看出,除了ID为div1的div,我都给过滤掉了,只给我选中的div,它的css样式会改变
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212790.jpg)
3.not()跟filter相反
111
111
把filter换成not会发现跟filter的结果相反
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212791.jpg)
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212792.jpg)
4.next()找出同级别下的下一个元素,看例子理解
现在写个DIV 级别相同
111
222
333
选中ID为DIV2的div,然后它的下一个同级别元素就是ID为DIV3的div
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212793.jpg)
结果
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212794.jpg)
5.prev()跟next相反,是找出同级别下的上一个元素
111
222
333
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212796.jpg)
结果为
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212797.jpg)
6.find()获得选中元素下匹配的后代,看例子理解
一个div中有好多h3和h4标签
h3
h3
h3
h4
h3
h4
我只选中h3
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212800.jpg)
结果为
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212802.jpg)
7.eq()跟数组的下标一样
h3
h3
h3
h4
h3
h4
选中h3坐标中的1位置 也就是第二个
结果为
8.index()索引值,就是当前元素在所有兄弟节点中的位置
我给h3加了一个ID
h3
h3
h3
h4
h3
h4
弹出这个ID元素在兄弟节点中的索引值
![介绍JQuery的基础常用方法$()](/upload/otherpic44/212807.jpg)
结果
9.attr()方法设置或返回被选元素的属性值。
弹出div的title值
结果为
补充!好多人用attr获取div宽度获取不到,还有div的value值,都是弹出undefined,那是因为attr只能获取标签属性,而不是css属性,如果你想获取css属性,你只能用css(’width’)而不是attr(’width’)
朱乐然
网站标题:介绍JQuery的基础常用方法$()
网站URL:http://azwzsj.com/article/igejhh.html