jQuery技术

freeCodeCamp:jQuery

字号+ 作者:H5之家 来源:H5之家 2017-10-03 08:02 我要评论( )

jQuery页面顶端增加一行script元素:script/script浏览器会运行script里的所有JavaScript,包括jQuery,在script里添加这个方法:script$(document).ready(funct

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):

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Jquery学习文档 中文WORD版

    Jquery学习文档 中文WORD版

    2017-10-03 10:04

  • JQuery 学习,翻译练习

    JQuery 学习,翻译练习

    2017-10-02 10:05

  • jquery.ajax的使用举例:用户提交前进行验证码是否正确检测

    jquery.ajax的使用举例:用户提交前进行验证码是否正确检测

    2017-10-02 09:05

  • jQuery学习笔记(四)_ 获取和设置内容或属性

    jQuery学习笔记(四)_ 获取和设置内容或属性

    2017-10-02 08:01

网友点评