- script元素
- 内含JavaScript语句,浏览器会执行script里面的所有语句,包括jQuery
jQuery
所有jQuery方法都是由$开始的,通常称为美元符号或者简称为bling
- 使用jQuery的
.address()
方法,就可以给元素添加class了 - 使用jQuery的
.removeClass()
方法去掉元素上的class了 - 使用
.css()
可以改变元素的CSS样式
example:$("#target").css("color","blue");
- 使用
.prop()
来调整元素的属性
example:$("button").prop("disabled",true);
- 使用
.remove()
来移除HTML元素 - 使用
appendTo()
方法可以把选中的元素加到其他元素中
example:
假设id为one的元素在id为first的区块中,有另外一个区块id为second
要想把该元素移动到区块second中,可以这么操作$("#one").appendTo("#second");
- 使用clone()可以拷贝元素
假设id为one的元素在id为first的区块中,有另外一个区块id为second
要想把该元素复制到区块second中,可以这么操作$("#one").clone().appendTo("#second");
可以这么理解,移动元素就是剪切,拷贝元素就是复制 - 使用
parent()
可以访问当前元素的父元素
example:一个id为first的h2元素的父元素是div,可以通过以下代码让div区块的背景颜色变蓝$("first").parent().css("background-color","blue");
- 使用
children()
可以访问当前元素的子元素 - 使用
$("button")
来选中按钮,使用$(".well")
来获取所有class为well的对象,使用$("#fist")
来获取所有id为first的对象
部分class
animated bounce 所应用部分有弹跳效果
animated shake 所应用部分有摇摆效果
在线编辑器:CodePen
进程员的Read-Search-Ask大法,加油!