常用jQuery方法

Posted 2020-08-10 晓梦灵曦

1.对类进行操作的方法

hasClass() 方法检查被选元素是否包含指定的 class。

addClass() 方法向被选元素添加一个或多个类。

removeClass() 方法从被选元素移除一个或多个类。

2.遍历元素的方法

(1)子元素  

children()方法返回匹配元素集合中每个元素的子元素，添加可选参数可通过选择器进行过滤。.children(selector)

eq()方法将匹配元素集缩减值指定 index 上的一个。从0开始，$(‘li‘).eq(0).css(‘background-color‘, ‘red‘)，如果提供负数，则指示从集合结尾开始的位置，而不是从开头开始$(‘li‘).eq(-2).css(‘background-color‘, ‘red‘);

 

 

 

siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。.siblings(selector) ———— 同级

 

3.

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。$(selector).append(content)

appendTo()刚好相反，内容在方法前面，无论是一个选择器表达式 或创建作为标记上的标记，它都将被插入到目标容器的末尾。$(‘<p>Test</p>‘).appendTo(‘.inner‘);

remove() 方法移除被选元素，包括所有文本和子节点。(remove()已经将DOM中的匹配元素删除，但是并没有将它从jquery对象中删除。他的数量不变，只是不在dom中显示)

4.

fadeIn() 方法使用淡入效果来显示被选元素，假如该元素是隐藏的。

fadeOut() 方法使用淡出效果来隐藏被选元素，假如该元素是显示的。