jQuery 的功能

jQuery 如何获取元素

jQuery通过构造函数jQuery(表达式)(简写为$)来选择元素。表达式可以是CSS选择器,也可以是jQuery特有的表达式。
例如:

$(document) //选择整个文档
$('#id') //选择id为id的元素
$('.class') //选择class为class的元素

jQuery特有的表达式见https://api.jquery.com/category/selectors/

jQuery 的链式操作是怎样的

jQuery的链式操作即可以对选中的元素进行一系列的连续操作。比如$('#id').find('.class').addClass('class2');
这是通过调用函数返回jQuery对象来实现的,jQuery封装了一系列可以操作jQuery对象的方法,因此返回一个jQuery对象之后可以继续调用jQuery封装的方法。

jQuery 如何移动元素

可以使用jQuery封装插入元素的方法来移动元素,例如append()
$('p').after($('div'));
常用的插入方法有以下几种:

  .insertAfter()和.after():在目标元素的外部,从后面插入元素

  .insertBefore()和.before():在目标元素的外部,从前面插入元素

  .appendTo()和.append():在目标元素的内部,从后面插入元素

  .prependTo()和.prepend():在目标元素的内部,从前面插入元素

jQuery 如何创建元素

直接插入新元素即可完成创建元素,如:
$('.class').append('<p>Test</p>');

jQuery 如何修改元素的属性

可以通过attr("属性名","属性值")方法为元素集合中第一个匹配的元素设置属性。

常见的可修改属性的方法
.html() 取出或设置html内容

.text() 取出或设置text内容

.attr() 取出或设置某个属性的值

.width() 取出或设置某个元素的宽度

.height() 取出或设置某个元素的高度

.val() 取出某个表单元素的值
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。