介绍JQuery的基础常用方法$()

简介:
                                        介绍JQuery的基础常用方法$()

1. has()包含的意思
举例:第一个div包含了span,第二个没有包含
<div id="div1">
<span>1</span></br> 
</div>
<div>111 </div>
介绍JQuery的基础常用方法$()

执行代码发现 包含span的div的css样式改变了,这就是包含

介绍JQuery的基础常用方法$()

2.filter()过滤,括号内有参数,可以看例子理解
<div id="div1">111</div>
<div id="div2">111</div>
说是过滤,也就是选中的意思吧
介绍JQuery的基础常用方法$()
下面结果看出,除了ID为div1的div,我都给过滤掉了,只给我选中的div,它的css样式会改变
介绍JQuery的基础常用方法$()

3.not()跟filter相反
<div id="div1">111</div>
<div id="div2">111</div>
把filter换成not会发现跟filter的结果相反
介绍JQuery的基础常用方法$() 
介绍JQuery的基础常用方法$()

4.next()找出同级别下的下一个元素,看例子理解
现在写个DIV 级别相同
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>
选中ID为DIV2的div,然后它的下一个同级别元素就是ID为DIV3的div
介绍JQuery的基础常用方法$()
结果
介绍JQuery的基础常用方法$()

5.prev()跟next相反,是找出同级别下的上一个元素
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>
介绍JQuery的基础常用方法$()
结果为
介绍JQuery的基础常用方法$()

6.find()获得选中元素下匹配的后代,看例子理解
一个div中有好多h2和h3标签
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
我只选中h2
介绍JQuery的基础常用方法$()
结果为
介绍JQuery的基础常用方法$()

7.eq()跟数组的下标一样
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>

选中h2坐标中的1位置 也就是第二个
介绍JQuery的基础常用方法$()
结果为
介绍JQuery的基础常用方法$()

8.index()索引值,就是当前元素在所有兄弟节点中的位置
我给h2加了一个ID
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2 id="h">h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
弹出这个ID元素在兄弟节点中的索引值
介绍JQuery的基础常用方法$()
结果

9.attr()方法设置或返回被选元素的属性值。
<div id="div1" title="a"> </div>
弹出div的title值

结果为 介绍JQuery的基础常用方法$()

补充!好多人用attr获取div宽度获取不到,还有div的value值,都是弹出undefined,那是因为attr只能获取标签属性,而不是css属性,如果你想获取css属性,你只能用css(’width’)而不是attr(’width’)

    朱乐然

 

本文转自 新网学会

 51CTO博客,原文链接:http://blog.51cto.com/xwxhvip/2061064 ,如需转载请自行联系原作者

相关文章
|
2月前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
32 5
|
1月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
19 1
|
1月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
45 6
|
2月前
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
29 10
|
2月前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
30 2
|
2月前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
15 3
|
2月前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
22 5
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
32 1
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
14 2
|
2月前
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
26 7