2018-01-29(jQuery)

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");//通过targetclass获取所有奇数元素,并给它们添加class

$(".target:even").addClass("animated shake");//通过targetclass获取所有偶数元素,并给它们添加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.

原文地址:https://www.cnblogs.com/jy13638593346/p/8379916.html