jQuery核心对象

本文为学习jQuery这一篇就够了_jquery学习-CSDN博客的学习笔记.非原创

jQuery核心对象

$(...).attr(属性名, 属性值)

修改对应jquery对象的属性,只能修改非bool属性

$(...).attr(属性名)

输出对应jquery对象的属性值

$(...).prop(属性名,属性值)

修改对应jquery对象的属性,只能修改bool属性

$(...).prop(属性名)

输出对应jquery对象的属性值

$(...).val(...)

设置表单元素的值

$(...).val()

获取表单元素的值

$(...).css({

"":"

})

设置对应jquery对象的样式

$(...).addClass(...)

为对应jquery对象添加类名

$(...).removeClass(...)

为对应jquery对象移除类名

$(...).hasClass(...)

判断对应jquery对象是否包含类名

$(...).toggleClass()

如果有这个类就删除,没有就添加

$(...).width() 获取width

$(...).height()获取height

$(...).innerWidth() 获取width+padding

$(...).innerHeight() 获取height+padding

$(...).outerWidth() 获取width+padding+border

$(...).outerHeight() 获取height+padding+border

$(...).offset()获取相对于左上角的坐标

$(...).position()获取相对于父元素左上角的坐标

$(...).scrollLeft() 读取/设置滚动条的x坐标

$(...).scrollTop() 读取/设置滚动条的y坐标

$(...).text(...)

设置/读取元素的文本内容

$(...).html(...)

设置/读取元素的html页面内容

$(...).append(...)

var last = '<li>我是最后一个列表项</li>';
$('ul').append(last);

向指定元素后插入,插入在内部

$(...).appendTo(...)

var last = '<li>我是最后一个列表项</li>';
$(last).appendTo($('ul'));

同上

$(...).prepend(...)

向指定元素前插入,插入在内部

$(...).prependTo(...)

同上

$(...).after(...)

向指定元素后插入,插入在外部

$(...).insertAfter(...)

同上

$(...).before(...)

向指定元素前插入,插入在外部

$(...).insertBefore(...)

同上

$(...).empty()

删除匹配元素的子元素

$(...).remove()

删除所有匹配元素

$(...).replaceWith()

$('ul>li').replaceWith('<p>我是段落</p>');

用指定元素替换对应元素

$(...).replaceAll()

同上

$(...).clone()

创建一个目标对象的复制

$(...).parent()

输出一个匹配元素的父元素数组

$(...).children()

输出一个匹配元素的子元素数组

$(...).prev()

输出一个匹配元素的前一个兄弟元素数组

$(...).prevAll()

输出一个匹配元素的所有前兄弟元素数组

$(...).next()

输出一个匹配元素的后一个兄弟元素数组

$(...).nextAll()

输出一个匹配元素的所有后兄弟元素数组

$(...).siblings()

输出一个匹配元素的所有兄弟元素数组

$(...).each()

遍历jquery对象,为每一个匹配元素执行一个函数

$('li').each(function (index, element) {
    console.log(index, element);
});

$(...).first()

获取匹配元素中第一个元素

$(...).last()

获取匹配元素中最后一个元素

$(...).eq(index)

获取匹配元素列表中对应索引的元素

$(...).not($(...))

从匹配元素集合中移除对应元素

$(...).filter(...)

通过选择器,函数,dom元素,jquery对象等参数来过滤元素