介绍JQuery的基础常用方法$()-创新互联

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

1． has（）包含的意思
举例：第一个div包含了span，第二个没有包含
<div id="div1">
<span>1</span></br>
</div>
<div>111 </div>

站在用户的角度思考问题，与客户深入沟通，找到沧源网站设计与沧源网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广、申请域名、虚拟主机、企业邮箱。业务覆盖沧源地区。

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

2.filter（）过滤，括号内有参数，可以看例子理解
<div id="div1">111</div>
<div id="div2">111</div>
说是过滤，也就是选中的意思吧

下面结果看出，除了ID为div1的div，我都给过滤掉了，只给我选中的div，它的css样式会改变

3.not（）跟filter相反
<div id="div1">111</div>
<div id="div2">111</div>
把filter换成not会发现跟filter的结果相反

4.next（）找出同级别下的下一个元素，看例子理解
现在写个DIV 级别相同
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>
选中ID为DIV2的div，然后它的下一个同级别元素就是ID为DIV3的div

结果

5.prev（）跟next相反，是找出同级别下的上一个元素
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>

结果为

6.find（）获得选中元素下匹配的后代，看例子理解
一个div中有好多h3和h4标签
<div>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h4>h4</h4>
<h3>h3</h3>
<h4>h4</h4>
</div>
我只选中h3

结果为

7.eq（）跟数组的下标一样
<div>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h4>h4</h4>
<h3>h3</h3>
<h4>h4</h4>
</div>

选中h3坐标中的1位置 也就是第二个

结果为

8.index（）索引值，就是当前元素在所有兄弟节点中的位置
我给h3加了一个ID
<div>
<h3>h3</h3>
<h3>h3</h3>
<h3 id="h">h3</h3>
<h4>h4</h4>
<h3>h3</h3>
<h4>h4</h4>
</div>
弹出这个ID元素在兄弟节点中的索引值

结果

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

结果为

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

朱乐然

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：介绍JQuery的基础常用方法$()-创新互联
分享路径：https://www.cdcxhl.com/article20/dpjdjo.html

成都网站建设公司_创新互联，为您提供网站导航、服务器托管、域名注册、小程序开发、自适应网站、网站设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联