为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素(子标签第一个为面板,第二个为展开元素,第三个为面板。。。。),options参数为方法对应的配置对象。 <script type="text/javascript"> $(function () { $("#accordion").accordion(); }); </script>
    查看全部
  • 无参数:停止为当前状态; 单参数true:停止后续动画的加入,触发后停留在当前显示装填。 单参数false:不停止后续动画的加入,当前动画执行到触发当时状态(不执行完),后续动画正常执行。 双参数true,true : 停止了后续动画的加入,当前动画直接展示结果。 双参数true,false:和无参数、单参数true效果相同。 双参数false,true: 当前参数直接结束到最后状态,后续动画继续执行。 双参数false,false : 和单参数false效果相同。 结论,如果第二个参数想设置为false,直接使用单参数即可。 单参数里的值表示第一个参数的值。
    查看全部
  • <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用each()方法遍历元素</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <h3>使用each()方法遍历元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); </script> </body> </html>
    查看全部
  • 【自定义类级别插件】【twoaddresult】 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为: 【相加】:$.addNum(p1,p2) 【相减】:$.subNum(p1,p2) p1和p2为任意数值。 【调用JQ】: <script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script> <script src="http://www.imooc.com/data/jquery.twoaddresult.js" type="text/javascript"></script> $(function () { $("#btnCount").bind("click", function () { $("#Text3").val( /*加'0'可以实现计算负数*/ $.subNum($("#Text1").val(),'0'+$("#Text2").val()) ); }); });
    查看全部
  • <script type="text/javascript"> $(function () { $("div").hover( function () { $(this).addClass("orange"); }, function () { $(this).removeClass("orange") }) }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $("#btntest").bind("click mouseout", function () { $(this).attr("disabled", "true"); }) }); </script>
    查看全部
  • 1、toggle() 方法当它没有参数时,它只有隐藏和显示的功能,必须要配合bind()方法来绑定事件(可以是click,也可以是mouseout……),就是需要一个动作来触发这个toggle()方法,以达到显示or隐藏被选中元素的功能。2、当它是这种形式toggle(fun1,fun2,funN……)作为绑定多个函数的方法来用时,它本身就具备了click点击触发相应函数的功能了,点击相应的元素后会依次执行fun1,fun2,funN……这些个函数。
    查看全部
  • 使用toggle()方法绑定多个函数<br> toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下:<br> <br> 点击button 实现 div元素的隐藏与显示的几种方式 1. $("input").toggle(function(){$("div").hide() }, function(){$("div").show()} ) 2.$("input").bind("click",function(){$("div").toggle()}) 3.$("input").toggle(function(){$("div").css("display","none")}, function(){$("div").css("display","block")}) $(selector).toggle(fun1(),fun2(),funN(),...)<br> <br> 其中,fun1,fun2就是多个函数的名称
    查看全部
  • hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。
    查看全部
  • 【validate()】表单验证插件(下): 3).表单验证规则: 1 required:true 必须输入的字段。 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。
    查看全部
  • 你始终没搞清楚 disabled=" ",disabled="ture",disabled="disabled"和disable="false" 这4种写法都是一个效果 ,其实你还可以这样写disabled="我是攻城狮" 或者disabled="我是程序媛/猿"效果也是一样的。上面所有的写法,始终代表了布尔值=1;只要disabled出现 就是1,相当于disabled=true 不加引号哦。" 要删除的方法是disabled=false,不加引号哦。也就是说 现在布尔值是0
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • <script type="text/javascript"> $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); </script>
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容
    查看全部
    0 采集 收起 来源:替换内容

    2016-05-28

  • $("body").append($(".red").clone());
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!