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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)),参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。$("span").each(function(index){ if (index == 2){$(this),addClass("focus");}});
    查看全部
  • wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为:$(selector).wrap(wrapper)和$(selector).wrapInner(wrapper),参数selector为被包裹的元素,wrapper参数为包裹元素的格式。$(".red").warp("<div></div>");红色区域的<span>元素被蓝色边框的<div>元素通过wrap()方法包裹起来。
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示:$(selector).replaceWith(content)和$(content).replaceAll(selector),参数selector为被替换的元素,content为替换的内容。$var $html = "<span class='red' title='hi'>我是土豪</span>";$(",green").replaceWith($html);使用replaceWith()方法替换类别名为“green”的<span>元素,替换之后,旧元素完全由新替换的元素所取代。
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • 调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为:$(selector).clone(),其中参数selector可以是一个元素或HTML内容。$("body").append($(".red").clone());使用clone()方法复制元素时,不仅复制了该元素的文本和节点,还将它的“title”属性也一起复制过来了。
    查看全部
  • 使用before()和after()方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为:$(selector).before(content)和$(selector).after(content).其中参数content表示插入的内容,该内容可以是元素或HTML字符串。var $html = "<span class='red'>土豪,</span>" $(".green").before($html);使用before()方法将HTML格式的内容插入到原有<span>元素内容之前,而并不仅是它的内部文本。
    查看全部
  • 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者
    查看全部
  • 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象
    查看全部
  • 编码后的值常用于向服务端发送URL请求
    查看全部
    0 采集 收起 来源:URL操作函数

    2014-11-15

  • 调用名为$.trim的工具函数,能删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格
    查看全部
  • 调用名为$.isPlainObject的工具函数,能检测对象是否为通过{}或new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值
    查看全部
  • $(selector).sortable({option}):定义可拖动的序列的插件 selector为序列元素名称 option为调用方法时的配置对象,例:delay:2,opacity:0.5
    查看全部
  • $().draggable({}):指定可拖动元素 $(selector).droppable({option}):指定可放置区域,selector为放置区域的名称
    查看全部
  • $(selector).draggable({option}) 实现元素的拖动功能,options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果 $().draggable({ containment:" ", //指定图像拖动区域 axis:"x/y" //设置拖动时的坐标方向 })
    查看全部
  • :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具, $("#frmTest :text").addClass("bg_red"); $("#frmTest :text") 和:input一样必须有空格隔开
    查看全部
  • :input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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