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() 取出某个表单元素的值