jQuery的过滤选择器用法

112 阅读1分钟

添加删除样式

添加样式 addClass()

删除样式 removeClass()

toggleClass模拟了addclass( ) 与removeclass()实现样式切换的过程

toggleClass() mouseover鼠标移入 mouseout鼠标移除

hover只写一个方法表示鼠标移入移除都会执行

$('div').hover(function(){ $('div').toggleClass('div') })

jquery节点

(A).append(B)表示将B追加到A中

let li=$('<li>1111</li>') 
append()还可以插入字符串
$('ul').append(li)

$(A).appendTo(B)表示把A追加到B中

li.appendTo($('ul'))    

向前 */ $(A). prepend(B)表示将B前置插入到A中

$('ul').prepend('123')

$(A). prependTo(B)表示将A前置插入到B中

$('<p>aa</p>').prependTo($('ul'))

节点同级插入

$(A ).after (B)表示将B插入到A之后 
$(this).after($('<h1>我是h1</h1>')) 
$(A). insertAfter(B)表示将A插入到B之后 
$('<h1>我是h1</h1>').insertAfter($(this)) 
$(A). before (B)表示将B插入至A之前 
$(this).before($('<h1>我是h'+cont+'</h1>')) cont++ 
$(B). insertbefore (A)表示将B插入至A之前
$('<h1>我是h'+cont+'</h1>').insertBefore($(this))