jQuery方法

Posted 前端百货店

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery方法相关的知识,希望对你有一定的参考价值。








jQuery方法
1.filter方法

filter方法用于对已经获取到的网页元素进行过滤。如下例,找到div节点下class="box"的节点,最后把它背景色变为橙色,如下div1变为了橙色。

jQuery方法

jQuery方法
2.not方法

not方法是过滤的反义词。如下例,找到div节点下class不等于"box"的div节点,最后把它背景色变为橙色,如下div2变为了橙色。

jQuery方法

jQuery方法
3.has方法

has是拥有的意思,直接判断它的子节点中是否有符合条件的元素。如下例,找到div节点中子节点为class="box"的div节点,并设置它的背景色为橙色,如下div2变为了橙色。

jQuery方法

jQuery方法
4. prev方法与next方法

prev方法用于查找当前兄弟节点中的上一个节点。

next方法用于查找当前兄弟节点中的下一个节点。

如下例:

jQuery方法

jQuery方法
5.find方法

find方法用于查找选中元素的子节点。如下例里,如果我们直接$("li").css("backgroundColor","red")结果就会选中所有的li元素,造成所有的li元素背景色都变为红色。如果我们只想让ul下的li的背景色变为红色,那就能用到find方法,如下:

jQuery方法

其实用find方法与$("ul li").css("backgroundColor","red")这种写法效果是一样的。

jQuery方法
6.index方法

index方法获取当前节点在兄弟节点中的下标。如下例,弹出2

jQuery方法

jQuery方法
7.eq方法

eq方法是通过下标获取指定的元素节点,如下例,分别获取下标为3和4的li元素。注意,写法$("li").eq(3)等同于写法$("li:eq(3)")

jQuery方法

jQuery方法
8.attr方法

attr方法设置和修改行间属性。attr(参数一,参数二),如果只设置有一个参数,那就是获取到元素属性值,设置了两个参数就是修改元素属性值为参数二。如下例里,运行结果是先弹出hello,然后div里的属性title值从hello改为了world,属性class值从box1改为了box2.

jQuery方法

jQuery方法

我们发现这样一次一行代码修改一个属性值有点麻烦,那简洁方法来了,此时结果依然先是弹出hello,然后发现div里属性title和class值都改了,而且多了自己设置的属性yyy,如下图:


一起来学习

长按或扫码关注

以上是关于jQuery方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery插件开发:jQuery类方法

Jquery扩展方法

jquery扩展方法

jQuery编程中的一些核心方法简介

jQuery 效果方法

jQuery hover()方法和jQuery toggle()方法用法示例