jq_常用方法

时间:2023-03-09 06:08:47
jq_常用方法

//获取兄弟元素
$('.class').siblings() 当前元素所有的兄弟节点
$('.class').prev() 当前元素前一个兄弟节点
$('.class').prevaAll() 当前元素之前所有的兄弟节点
$('.class').next() 当前元素之后第一个兄弟节点
$('.class').nextAll() 当前元素之后所有的兄弟节点

//获取子元素
$('.class').children()方法:获取该元素下的直接子集元素
$('.class').find()方法:获取该元素下的所有子集元素

//获取父元素
$('.class').parent() 当前元素的直接父元素
$('.class').parents() 当前元素的祖先元素
$('.class').closest() 当前元素向上遍历到指定元素结束

$('.class').addClass(css中定义的样式类型); 给某个元素添加样式
$('.class').attr({src:'test.jpg',alt:'test Image'}); 给某个元素添加属性/值,参数是map
$('.class').attr('src','test.jpg'); 给某个元素添加属性/值
$('.class').attr('title', function() { return this.src }); 给某个元素添加属性/值
$('.class').html(); 获得该元素内的内容(元素,文本等)
$('.class').html('<b>new stuff</b>'); 给某元素设置内容
$('.class').removeAttr('属性名称') 给某元素删除指定的属性以及该属性的值
$('.class').removeClass('class') 给某元素删除指定的样式
$('.class').text(); 获得该元素的文本
$('.class').text(value); 设置该元素的文本值为value
$('.class').toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式
$('.class').val(); 获取input元素的值
$('.class').val(value); 设置input元素的值为value
Manipulation:
$('.class').after(content); 在匹配元素后面添加内容
$('.class').append(content); 将content作为元素的内容插入到该元素的后面
$('.class').appendTo(content); 在content后接元素
$('.class').before(content); 与after方法相反
$('.class').clone(布尔表达式) 当布尔表达式为真时,克隆元素(无参时,当作true处理)
$('.class').empty() 将该元素的内容设置为空
$('.class').insertAfter(content); 将该元素插入到content之后
$('.class').insertBefore(content); 将该元素插入到content之前
$('.class').prepend(content); 将content作为该元素的一部分,放到该元素的最前面
$('.class').prependTo(content); 将该元素作为content的一部分,放content的最前面
$('.class').remove(); 删除所有的指定元素
$('.class').remove('exp'); 删除所有含有exp的元素
$('.class').wrap('html'); 用html来包围该元素
$('.class').wrap(element); 用element来包围该元素