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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • form是表单元素,本身并没有checked属性,加空格表示对属于form的子元素(后代元素)进行筛选是否是checked状态;而input本身有checked属性,是对其本身的checked状态进行筛选检查,所以不需要加空格。 总结一下就是说:有空格的是对子元素进行筛选,没有空格是对元素本身进行筛选。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-24

  • 出现多个父元素时: :last 只获取最后一个父元素的最后一个子元素; :last-child 获取所有父元素的最后一个子元素。
    查看全部
  • 当出现多个包含子元素的相同父元素: :first 只能获取第一个父元素下的第一个子元素; :first-child 可以获取所有父元素下的第一个子元素。
    查看全部
  • 配置项 active,初始化时,展开的项。 event,切换选项卡的事件,默认为click。(mouseover,鼠标滑过切换) alwaysOpen,保证有一个选项是展开的。默认为true。 animated,设置动画效果。 autoHeight,各个选项的高度设置为所有内容中最高的高度。 clearStyle,折叠面板后自动清除 height 和 overflow 样式. fillSpace,充满容器的高度,此时autoHeight无效。 header,设置头元素,$("#accordion").accordion({ header: "h3" });
    查看全部
  • 使用remove()和empty()方法删除元素: remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。 $("div").empty(); $("span").empty(); $("div").remove(); $("span").remove(".green"); 注意:remove()会删除自身和其子元素,可以添加选择参数;empty()会删除其子元素,不会删除自身,标签中的内容也是子元素,如<span class='red'>你好</span>使用empty()后会变成<span class='red'></span>。
    查看全部
  • 使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); }); 注意:$(this)没双引号。 $.each()方法: $.each(data, function (key, value) {});//data是JSON数据 if(key==3) $("ul").append("<li>" + key + value['name'] + "</li>"); });
    查看全部
  • 使用wrap()和wrapInner()方法包裹元素和内容: wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。 $(".red").wrap("<div></div>");//将指定标签外套上一层<div>标签 $(".red").wrapInner("<i></i>");//将指定标签中文字内容套上一层<i>标签
    查看全部
  • $("#default").html($("#divtest").html(); 后面的这一个.heml()是什么意思?
    查看全部
  • 一定要记得设置type为post方式!
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 $(".green").replaceWith($html); $($html).replaceAll(".green");
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • 使用remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法只删除所选元素的子元素或者说相应的内容;例如 $("span").remove(".red");所有类名为red的整个元素删除;$("span").empty();将所有span中的内容清除;
    查看全部
  • 使用Each()方法遍历无,使用each方法可以遍历指定的元素集合,在遍历时通过回调函数返回遍历元素的序列号,它的调用格式为:$(selector).each(function(index)),index为遍历元素的序列号,它从0开始;例 $("span").each(function(index){ if(index==2){ $(this).addClas("focus"); $(this).attr("color","red"); } })
    查看全部
  • wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者用于包裹元素中的内容,它们调用格式分别为: $(selector).wrap(wrapper);和$(selector).wrapInner(wrapper);例如 $(".red").wrap("<div></div");或者 $(".red").wrapInner("<i></i>");
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或者元素中的内容,但它们调用时,内容或者被替换元素所在的位置不同分别如下所示: $(selector).replaceWidth(content)和$(conent).replaceAll(selector);例 $(".green").replaceWidth($html);或者 $($html).replaceAll(selector);
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • .html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上 .val()用来读取或修改表单元素的value值 .val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上 关于三者的区别 1. .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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