freeCodeCamp:jQuery

来源：互联网发布：dc元数据编辑：程序博客网时间：2024/05/20 06:28

jQuery

页面顶端增加一行script元素：

<script></script>

浏览器会运行script里的所有JavaScript，包括jQuery，在script里添加这个方法：

<script>$(document).ready(function(){});

在没有document ready function以前，代码会再HTML没有渲染完成就执行，这样会产生bug。

jQuery方法都是由$开始，jQuery通过选择器来选择一个元素，然后操作元素做改变

弹回效果（ready后上下弹）

<script>  $(document).ready(function() {  $("button").addClass("animated bounce");  });</script>

ready后左右弹

$("well").addClass("animated shake");

ready后渐隐

$("#target3").addClass("animated fadeOut");

addClass()给元素添加class
removeClass()去掉元素上的class

$("#target2").removeClass("btn-default");

jQuery有一个叫做.css()的方法能改变CSS样式

$("#target1").css("color","blue");

按钮不可选

$("button").prop("disabled",true):

阅读全文

0 0