[
So is this
]
--------------------------------------------------------------------------------------------------------------
hasClass(class)
检查当前的元素是否含有某个特定的类，如果有，则返回true。
这其实就是 is("." + class)。
Checks the current selection against a class and returns true, if at least one element of the selection has the given class.
This is an alternative to is("." + class).
返回值
Boolean
参数
class (String) : 用于匹配的类名
示例
给包含有某个类的元素进行一个动画。
HTML 代码:
jQuery 代码:
$("div").click(function(){
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});
--------------------------------------------------------------------------------------------------------------
filter(expr)
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。用逗号分隔多个表达式
Removes all elements from the set of matched elements that do not match the specified expression(s).
This method is used to narrow down the results of a search. Provide a comma-separated list of expressions to apply multiple filters at once.
返回值
jQuery
参数
expr (Expression) : 表达式
示例
保留带有select类的元素
HTML 代码:
Hello
Hello Again
And Again
jQuery 代码:
$("p").filter(".selected")
结果:
保留第一个以及带有select类的元素
HTML 代码:
Hello
Hello Again
And Again
jQuery 代码:
$("p").filter(".selected, :first")
结果:
--------------------------------------------------------------------------------------------------------------
filter(fn)
筛选出与指定函数返回值匹配的元素集合
这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除，否则就会保留。
Removes all elements from the set of matched elements that does not match the specified function.
The function is called with a context equal to the current element (just like '$.each'). If the function returns false, then the element is removed - anything else and the element is kept.
返回值
jQuery
参数
fn (Function) : 传递进filter的函数
示例
保留子元素中不含有ol的元素。
HTML 代码:
jQuery 代码:
$("p").filter(function(index) {
return $("ol", this).length == 0;
});
结果:
--------------------------------------------------------------------------------------------------------------
is(expr)
用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合，或者表达式无效，都返回'false'. 'filter' 内部实际也是在调用这个函数，所以，filter()函数原有的规则在这里也适用。
Checks the current selection against an expression and returns true, if at least one element of the selection fits the given expression.
If no element fits, or the expression is not valid, then the response will be 'false'. 'filter' is used internally, therefore all rules that apply there apply here, as well.
返回值
Boolean
参数
expr (String) :用于筛选的表达式
示例
由于input元素的父元素是一个表单元素，所以返回true。
HTML 代码:
jQuery 代码:
$("input[type='checkbox']").parent().is("form")
结果:
true
--------------------------------------------------------------------------------------------------------------
map(callback)
将一组元素转换成其他数组（不论是否是元素数组）
你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。这都可以用'$.map()'来方便的建立。
Translate a set of elements into another set of values (which may, or may not, be elements).
You could use this to build lists of values, attributes, css values - or even perform special, custom, selector transformations. This is provided as a convenience method for using '$.map()'.
返回值
jQuery
参数
callback (Function) : 给每个元素执行的函数
示例
把form中的每个input元素的值建立一个列表。
HTML 代码:
jQuery 代码:
$("p").append( $("input").map(function(){
return $(this).val();
}).get().join(", ") );
结果:
[
John, password, http://ejohn.org/
]
--------------------------------------------------------------------------------------------------------------
not(expr)
删除与指定表达式匹配的元素
Removes elements matching the specified expression from the set of matched elements.
반환값
jQuery
매개변수
expr (String, DOMElement, Array) : 표현식, 요소 또는 요소 그룹
예
p 요소에서 select ID를 가진 요소를 제거합니다
HTML 코드:
jQuery 코드:
$("p").not( $("#selected")[0] )
결과:
[
안녕하세요
]
-------------------- ------------------------------------- --------------
슬라이스(시작,[끝])
일치하는 하위 집합 선택
원래의 슬라이스 방식과 유사
일치하는 요소의 하위 집합을 선택합니다.
내장된 배열 슬라이스 방법과 정확히 동일하게 작동합니다.
반환값
jQuery
매개변수
start (Integer): 하위 집합의 위치 선택을 시작합니다. 첫 번째 요소는 0입니다. 음수인 경우 집합의 끝부터 시작할 수 있습니다.
end (Integer): (선택) 지정하지 않으면 자신의 끝이 됩니다.
예
첫 번째 p 요소 선택
HTML 코드:
안녕하세요
잔인한
세계
jQuery 코드:
$("p").slice(0, 1).wrapInner("")
결과:
[
안녕하세요
]
처음 두 개의 p 요소 선택
HTML 코드:
안녕하세요
잔인한
세계
jQuery 코드:
$("p").slice(0, 2).wrapInner("")
결과:
[ 안녕하세요
,잔인한
]
두 번째 p 요소만 선택
HTML 코드:
안녕하세요
잔인한
세계
jQuery 코드:
$("p").slice(1, 2).wrapInner("")
결과:
[
잔인한
]
두 번째와 세 번째 p 요소만 선택
HTML 코드:
안녕하세요
잔인한
세계
jQuery 코드:
$("p").slice(1).wrapInner("
")
결과:
[
잔인한
,
세계
]
모든 단락을 선택한 다음 선택 항목을 분할하여 세 번째 요소만 포함합니다.
HTML 코드:
안녕하세요
잔인한
세계
jQuery 코드:
$("p").slice(-1).wrapInner("")
결과:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
