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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 基本过滤选择器 选 择 器 描 述 返 回 示 例 :first 选取第1个元素 单个元素 $("div:first")选取所有 <div>元素 中第一个<div>元素 :last 选取最后1个元素 单个元素 $("div:last")选取所有 <div>元素 中最后一个<div>元素 :not(selector) 去除所有与给定选择器 匹配的元素 集合元素 $("input:not(.myClass)")选取class不是 myClass的<input>元素 :even 选取索引(从0开始)是偶数 的所有元素 集合元素 $("input:even")选取索引是偶数的 <input>元素 :odd 选取索引(从0开始)是奇数 的所有元素 集合元素 $("input:odd")选取索引是奇数的 <input>元素 :eq(index) 选取索引(从0开始)等于 index的元素 单个元素 $("input:eq(1)")选取索引等于1的 <input>元素 :gt(index) 选取索引(从0开始)大于 index的元素 集合元素 $("input:gt(1)")选取索引大于1的 <input>元素 :lt(index) 选取索引(从0开始)小于 index的元素 集合元素 $("input:lt(1)")选取索引小于1的 <input>元素 :header 选取所有的标题元素,即 <h1>到<h6> 集合元素 $(":header")选取页面中所有的标题元素 :animated 选取当前正在执行动画的 所有元素 集合元素 $("div:animated")选取当前正在执行动画 的<div>元素
    查看全部
  • :has(selector)过滤选择器,包含元素名称的选择器。功能是获取选择器中包含指定元素名称的全部元素。例如$("li:has('p'))
    查看全部
  • ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • 如果想从一组标签元素数组中,灵活选择任意一个标签元素,我们可以使用:eq(index) 例如:$("li:eq(3)")
    查看全部
  • 使用$.extend()扩展Object对象 除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,…objN); 参数obj1至objN表示需要合并的各个原有对象。
    查看全部
  • 使用$.extend()扩展工具函数 调用名为$. extend的工具函数,可以对原有的工具函数进行扩展,自定义类级别的jQuery插件,调用格式为: $. extend ({options}); 参数options表示自定义插件的函数内容。
    查看全部
  • 在jquery中,如果想得到一组相同标签元素的第一个元素用:$("li:first")
    查看全部
  • 对话框插件-dialog 对话框插件可以用动画的效果弹出多种类型的对话框,实现JAVASCRIPT代码中的alert() 和conrirm()函数的功能,调用格式为: $(selector).dialog({options});
    查看全部
  • 页面加载时触发ready()事件 ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});
    查看全部
  • ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});
    查看全部
  • 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。
    查看全部
  • 替换内容 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。
    查看全部
    0 采集 收起 来源:替换内容

    2016-04-21

  • 使用clone()方法复制元素 调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为: $(selector).clone() 其中参数selector可以是一个元素或HTML内容。
    查看全部
  • 使用appendTo()方法向被选元素内插入内容 appendTo()方法也可以向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector)
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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