一、jQuery 如何获取元素
jQuery的第一步,就是将选择表达式,放进构造函数jQuery()(简写为$)
$(document)
//选择整个文档对象$('#myId')
//选择ID为myId的网页元素$('.myClass')
//选择class为myClass的div元素
二、jQuery 的链式操作是怎样的
选择网页元素后,可以对它进行操作,把一系列操作连在一起,以链条的形式写出。每次操作返回的是jQuery对象
$('div').find('h3').eq(2).html('hello');
意思是:
- 找到div元素,
- 找到里面的h3元素
- 选择第三个h3元素
- 把里面的内容改为hello
三、jQuery 如何创建元素
把要创造的元素放入jQuery()
中即可
例如:
$('<p>Hello</p>');
四、jQuery 如何移动元素
提供了两种方法操作元素在网页中移动
- 直接移动该元素
$('div').insertAfter('p')
//把div元素移到p元素后面,返回div - 移动其他元素
$('p').after($('div'))
//把p元素移到div的前面,返回p
- 总结:最后效果是一样的, 但是返回的元素不一样。
- 这种模式操作方法,一共四对:
`.insertAfter()和.after()`在现存元素的外部,从后面插入元素
`.insertBefore()和.before()`在现存元素的外部,从前面插入元素
`.appendTo()和.append()`在现存元素的内部,从后面插入元素
`.prependTo()和.prepend()`在现存元素的内部,从前面插入元素
五、jQuery 如何修改元素的属性
- 复制元素
.clone()
- 删除元素
.remove()
和.detach()
,前者不保留被删除元素,后者保留。 - 清空元素内容
.empty()
六、jQuery 如何给元素取值和赋值
用同一个函数,完成取值(getter)和赋值(setter)
$('.test').html();
//html()没有参数,表示取出h1的值$('.test').html('hello');
//有参数hello,表示给class为test的元素赋值