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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $("element:first")查找一组相同标签元素中的第一个元素; $("element:last")查找一组相同标签元素中的最后一个元素;
    查看全部
  • $("prev+next")选择器,查找与prev元素紧邻的下一个"next"元素,返回唯一一个元素(兄弟关系)
    查看全部
  • $("parent>child")选择parent后面的子元素(父子关系)
    查看全部
  • $("prev ~ siblings")获取prev元素后面全部相邻的元素(prev和siblings是兄弟关系)
    查看全部
  • $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, dataType:"text", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • prev + next选择器 通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素,格式如下:$(“prev + next”) 其中参数prev为任何有效的选择器,参数“next”为另外一个有效选择器,它们之间的“+”表示一种上下的层次关系,也就是说,“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。
    查看全部
  • 代码: <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, dataType:"text", type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>
    查看全部
  • addClasses: 设置是否添加ui-draggable样式. appendTo: 设置追加到什么地方 axis: 设置拖动的方向 cancel, handle: 设置控制整个控件拖动动作的区域, cancel指定区域不能拖动, handle指定区域控制控件拖动. connectToSortable: 需要和sortable集成. containment: 设置控件可拖动范围 cursor, cursorAt: 设置拖动过程中, 鼠标的样式及相对空间自身的位置. delay, distance: 设置拖动的延迟, delay设置延迟时间, distance设置延迟距离, 目的是防止误点击带来的不期望拖动. grid: 设置拖动过程移动的单位(以小格的方式移动) helper: 设置拖动过程中, 跟随鼠标移动的组件. iframeFix: 解决拖动过程中与iframe层叠后的事件问题. opacity: 拖动过程helper的不透明度. refreshPositions: 设置后drop过程中, 鼠标每次移动都会计算位置. revert, revertDuration: 设置撤销移动相关. scope: 设定draggable的域, 用来和droppable结合使用时确定可放入的目标. scroll, scrollSensitivity, scrollSpeed: 设置拖动过程中带来的滚动条相关问题. snap, snapMode, snapTolerance: 设置吸附的相关属性. stack, zIndex: 设置控件的层次.
    查看全部
  • parent > child选择器 与ance desc选择器相比,parent > child选择器的范围要小些,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式如下: $(“parent > child”)
    查看全部
  • unbind()方法可以移除元素已绑定的事件,它的调用格式如下: $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称。
    查看全部
  • $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()); }) 输出格式是这样的:Text1=321&Select1=1&Checkbox1=on 以&符号链接的。
    查看全部
  • ance desc选择器 $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • 注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
    查看全部
  • 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。
    查看全部
  • hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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