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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 将按钮变灰成为不能点击的按钮
    查看全部
  • $('#id') 等于 document.getElementById('id')
    查看全部
    0 采集 收起 来源:环境搭建

    2016-05-14

  • 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN);
    查看全部
  • (function ($) { $.extend({ "MinNum": function (p1, p2) { return (p1 > p2) ? p2 : p1; } }); })(jQuery); $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "17与18中最小的数是:"; strTmp +=$.MinNum(17, 18); //显示在页面中 $(".tip").show().append(strTmp); }); });
    查看全部
  • <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { $(".tip").html(""); var strTmp = "内容:"; var strOld = $("#txtName").val(); var strNew =$.trim(strOld); strTmp += strOld; strTmp += "<br/><br>除掉空格符前的长度:" strTmp += strOld.length; strTmp += "<br/><br>除掉空格符后的长度:" strTmp += strNew.length; $(".tip").show().append(strTmp); }); }); </script>
    查看全部
  • 浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回的值,检测浏览器是否属于标准的w3c盒子模型。
    查看全部
  • 工具提示插件
    查看全部
  • 菜单工具 menu插件实现
    查看全部
  • $(function () { $("#btnDelete").bind("click", function () { //询问按钮事件 if ($("#spnName").html() != null) { //如果对象不为空 sys_Confirm("您真的要删除该条记录吗?"); return false; } }); }); function sys_Confirm(content) { //弹出询问信息窗口 $("#dialog-modal").dialog({ height: 140, modal: true, title: '系统提示', hide: 'slide', buttons: { '确定': function () { $("#spnName").remove(); $(this).dialog("close"); }, '取消': function () { $(this).dialog("close"); } }, open: function (event, ui) { $(this).html(""); $(this).append("<p>" + content + "</p>"); } }); }
    查看全部
  • 对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能,它的调用格式为: $(selector).dialog({options}); selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等
    查看全部
  • <script type="text/javascript"> $(function () { $("#tabs").tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", height: "toggle" }, event: "mousemove" //通过移动鼠标事件切换选项卡 }) });
    查看全部
  • <div id="divtest"> <div id="accordion"> <h3> <a href="#">白富美</a></h3> <p>咱们结婚吧!</p> <h3> <a href="#">土豪族</a></h3> <p>咱们交个朋友吧!</p> </div> </div> <script type="text/javascript"> $(function () { $("#accordion").accordion(); }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $("ul").sortable({ delay:2, opacity:0.25 }) }); 按指定透明度,延迟时间拖拽
    查看全部
  • $(function () { $(function(){ $("#x").draggable({containment:"parent",axis:"x"}); $("#y").draggable({containment:"parent",axis:"y"}); }) }); 分别只能在x,y上移动
    查看全部
  • :submit提交按钮选择器 通常情况下,一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用:submit选择器可获取表单中的这个提交按钮元素。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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