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

jQuery基础(五)一Ajax应用与常用插件

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • <script type="text/javascript"> $(function () { var obj = { "姓名": "土豪一族" }; var strTmp = "您定义了一个:"; if ($.isEmptyObject(obj)) { //检测是否为空 strTmp += "空对象"; } else { strTmp += "非空对象"; } $(".content").html(strTmp); }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $('a').tooltip({ show: { effect: "slideDown", delay: 350 }, hide: { effect: "explode", delay: 350 }, position: { my: "left top", at: "left bottom" } }); }); </script>
    查看全部
  • $(function () { //定义变量 var intR = 0, intG = 0, intB = 0, strColor; $('input').spinner({ //初始化插件 max: 100, min: 0, step:2,
    查看全部
  • $('#dialog').dialog({ height: 200, 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>"); } });
    查看全部
  • <script type="text/javascript"> $(function () { $('#tabs').tabs({ //设置各选项卡在切换时的动画效果 fx: { opacity: "toggle", }, event: "click" //通过移动鼠标事件切换选项卡 }) }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $("ul").sortable({ delay:500, opacity:0.65 }) }); </script>
    查看全部
  • <script type="text/javascript"> var intSum = 0; $(function () { $(".drag").draggable(); $(".cart").droppable({ drop: function () { intSum++; $(this).addClass('focus').find('#tip').html(""); $('.title span').html(intSum) } }) }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $('#x').draggable({ axis:'x', containment:'parent' }) $('#y').draggable({ axis:'y', containment:'parent' }) }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $("#btnCount").bind("click", function () { $("#Text3").val( $.subNum($('#Text1').val(),$('#Text2').val()) ); }); }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $('ul').focusColor('#eee') //调用自定义的插件 }) </script>
    查看全部
  • <script type="text/javascript"> $(function () { $('#btnSubmit').contextMenu('sysMenu', { bindings: { 'Li3': function (Item) { $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) { $(".tip").show().html("您点击了“退出”项"); } } }); }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $('#txtSearch').autocomplete(arrUserName , { minChars: 0, //双击空白文本框时显示全部提示数据 formatItem: function (data, i, total) { return data[0] ; //改变匹配数据显示的格式 }, formatMatch: function (data, i, total) { return data[0]; }, formatResult: function (data) { return data[0]; } }).result(SearchCallback); function SearchCallback(event, data, formatted) { $(".tip").show().html("您的选择是:" + (data ? formatted: "空" )); } }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { var options={ //绑定图片放大插件jqzoom zoomWidth: 123, //小图片所选区域的宽 zoomHeight: 123, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }; $('.content a').jqzoom(options); }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $('.divPics a').lightBox({ overlayBgColor: "#666", //图片浏 览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 }) }); </script>
    查看全部
  • <script type="text/javascript"> $(function () { $("#frmV").validate( { /*自定义验证规则*/ rules: { email:{ required:true, email:true } }, /*错误提示位置*/ errorPlacement: function (error, element) { error.appendTo(".tip"); } } ); }); </script>
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

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

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