1.
要让所有的button
元素有弹回效果,只要把这段代码写在document ready function
里面就可以了:
$("button").addClass("animated bounce");
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
</script>
2.
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");//上下晃动
$(".well").addClass("animated shake");//左右晃动
$("#target3").addClass("animated fadeout");//渐隐
$("#target1").css("color", "red");//改变字体颜色
$("#target1").prop("disabled", "true");//禁用按钮
$("button").removeClass("btn-default");//删除元素的class
$("#target4").remove();//彻底删除#target4
$("#target2").appendTo("#right-well");//把#target2移动到#right-well
$("#target5").clone().appendTo("#left-well");//复制#target5到#left-well
$("#target1").parent().css("background-color", "red");//#target1的父元素的背景为红色
$("#right-well").children().css("color", "orange");//#right-well的子元素的文本为橙色
$(".target:nth-child(2)").addClass("animated bounce");//类为target的第二个标签
$(".target:odd").addClass("animated shake");//通过target
class获取所有奇数元素,并给它们添加class
$(".target:even").addClass("animated shake");//通过target
class获取所有偶数元素,并给它们添加class
$("body").addClass("animated fadeOut");//body淡出效果
$("body").addClass("animated hinge");
});
</script>
3.
type选择器$("button")
、class选择器$(".btn")
、id选择器$("#target1")
addClass() //给元素添加class
removeClass()//
删除元素的class
以下代码显示如何重写和强调标题文本(使用em
标签):
$("h3").html("<em>jQuery Playground</em>");
jQuery 还有一个类似的方法叫.text()
,它只能改变文本但不能添加标签。换句话说,这个方法只会把任何传进来的HTML标签当成你想替换现有内容的文本。
4.