- HTML渲染完成后执行ready function,所以最好把方法写在这里面,否则可能出错
$(document).ready(function(){
});
- 所有jQuery方法都是由$开始的,通常称作为 美元符号,或者简称为bling;
jQuery通过选择器来选择一个元素的,然后操作元素做些改变。
- 操作类
$("#target3").addClass("animated fadeOut");
- 操作css
$("#target1").css("color", "blue");
- 操作元素属性
$("button").prop("disabled",true);
- 添加html文本
添加强调文本jQuery Playground
$("#target4").html("<em>jQuery Playground</em>")
- 移除元素
$("#target4").remove();
- 移动元素到其他元素中
$("#target2").appendTo("#right-well");
- 复制元素
$("#target5").clone().appendTo("#left-well"); //复制并移动
- 访问父元素
$("#target1").parent().css("background-color","red");
- 访问子元素
$("#right-well").children().css("color","orange");
- 根据索引访问子元素 $("
.targetClass
:nth-child(n
)")
$(".target:nth-child(2)").addClass("animated bounce");//访问target类下的第二个子元素
- 访问索引为奇
$(".target:odd")
,偶数$(".target:even")
的所有元素
$(".target:even").addClass("animated shake");
$(".target:odd").addClass("animated bounce");
- 结尾插入内容
$("#target2").append("拼接字符串");