<script>
$(document).ready(function(){
});
首先,在页面顶部添加一行script
元素,然后在下一行写上结束符。
浏览器会运行script
里所有的Javascript,包括jQuery。
在你的script
元素里,添加这段代码:$(document).ready(function() {
到你的script
中,然后在下一行用});
结束它。
使用jQuery选择器操作同一元素
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");//首选项
});
</script>
使用jQuery改变HTML元素的CSS样式
$("#target1").css("color", "blue");
使用jQuery设置元素不可用
$("button").prop("disabled", true);
使用jQuery改变元素中的文本
$("h3").html("<em>jQuery Playground</em>");
使用jQuery删除一个HTML元素
$("#target4").remove();
jQuery使用appendTo()移动HTML元素
$("#target4").appendTo("#left-well");
jQuery使用clone()方法复制元素
$("#target2").clone().appendTo("#right-well");//两个jQuery方法合在一起使用了?这种叫方法链function chaining
把target2
从left-well
复制到right-well
,
jQuery使用parent()操作父级元素
$("#left-well").parent().css("background-color", "blue")
jQuery使用children()操作子级元素
$("#left-well").children().css("color", "blue")
jQuery使用target:nth-child(n) CSS选择器获取子元素
$(".target:nth-child(3)").addClass("animated bounce");
//以下代码显示如何给jQuery Playground中的每个井中(left well和right well)的第三个子元素添加bounce类:
jQuery使用选择器操作偶数索引元素
$(".target:even").addClass("animated shake"); //偶数
$(".target:odd").addClass("animated shake");//奇数
使用jQuery修改整个页面
$("body").addClass("animated fadeOut");//整个body有淡出效果
$("body").addClass("animated hinge");//一左上角为圆心 顺时针晃动 下坠淡出