jQuery
一、准备
<script>
$(document).ready(function(){
语句……
});
</script>
二、使用
选择器跟CSS相同。元素选择器:$("button")、class选择器:$(".btn")、id选择器:$("#target1")
加类:$("button").addClass("animated bounce");
删除类:$("#target2").removeClass("btn-default");
改变CSS:$("#target1").css("color", "blue");
按钮不可选:$("button").prop("disabled", true);
改变HTML:.html()方法可以添加HTML标签和文字到元素,而元素之前的内容都会被方法的内容所替换掉。.text(),它只能改变文本但不能修改标记。换句话说,这个方法只会把传进来的任何东西(包括标记)当成文本来显示。
删除HTML元素:.remove();
剪切元素:$("#target4").appendTo("#left-well");
复制元素:$("#target2").clone().appendTo("#right-well");
父元素:.parent()
子元素:
示例:获取class为target且索引为奇数的所有元素,并给他们添加class。
$(".target:odd").addClass("animated shake");
记住,jQuery里的索引是从0开始的,也就是说::odd 选择第2、4、6个元素,因为target#2(索引为1),target#4(索引为3),target6(索引为5。even选择1,3,5个元素
jQuery 用CSS选择器来选取元素,target:nth-child(n) CSS选择器允许你按照索引顺序(从1开始)选择目标元素的所有子元素。
示例:你可以给目标元素的第三个子元素添加bounce class。
$(".target:nth-child(3)").addClass("animated bounce");